/**
 * @class Ext.calendar.panel.Panel
 */

/**
 * @var {number/list}
 * The margin for the panel sidebar.
 */
$calendar-panel-sidebar-padding: dynamic(10px);

$calendar-panel-create-button-horizontal-padding: dynamic(35px);

@mixin calendar-panel-ui(
    $ui: null,

    $sidebar-padding: null,

    $create-button-horizontal-padding: null
) {
    $ui-suffix: ui-suffix($ui);

    .#{$prefix}calendar-panel#{$ui-suffix} {
        .#{$prefix}calendar-panel-create-button {
            padding-left: $create-button-horizontal-padding;
            padding-right: $create-button-horizontal-padding;
        }

        .#{$prefix}calendar-sidebar .#{$prefix}panel-body {
            padding: $sidebar-padding;
        }
    }
}