/**
 * @class Ext.calendar.List
 */
 
$calendar-list-item-margin: dynamic(0 0 0.5em 0);
 
$calendar-list-item-height: dynamic(null);
 
$calendar-list-icon-size: dynamic(1.25rem);
 
$calendar-list-item-icon-spacing: dynamic(0.35rem);
 
$calendar-list-item-hidden-opacity: dynamic(0.5);
 
@mixin ext-calendar-calendarlist(
    $ui: null,
 
    $item-margin: null,
    $item-height: null,
    $icon-size: null,
    $item-icon-spacing: null,
    $item-hidden-opacity: null
) {
    $ui-suffix: ui-suffix($ui);
 
    .#{$prefix}calendar-list#{$ui-suffix} {
        .#{$prefix}calendar-list-item {
            margin: $item-margin;
            height: $item-height;
        }
 
        .#{$prefix}calendar-list-item-hidden {
            @if $item-hidden-opacity != null {
                @include opacity($item-hidden-opacity);
            }
        }
 
        .#{$prefix}calendar-list-icon {
            width: $icon-size;
            height: $icon-size;
            top: 50%;
            transform: translateY(-50%);
        }
 
        .#{$prefix}calendar-list-text {
            padding-left: $icon-size + $calendar-list-item-icon-spacing;
        }
    }
}