/** * @class Ext.calendar.Event */ /** * @var {number/list} * The padding for the time portion of an event. */$calendar-event-time-padding: dynamic(0 4px 0 0); /** * @var {string} * The font family for an event. */$calendar-event-font-family: dynamic($calendar-font-family); /** * @var {number} * The opacity to be used when dragging an event. */$calendar-event-dragging-opacity: dynamic(0.8); /** * @var {number} * The font size for the resizer for an event. */$calendar-event-resizer-font-size: dynamic($calendar-large-font-size); /** * @var {string} * The font family for the resizer for an event. */$calendar-event-resizer-font-family: dynamic(monospace); /** * @var {string} * The content for the resizer for an event. */$calendar-event-resizer-content: dynamic("="); /** * @var {number} * The opacity when resizing an event. */$calendar-event-resizing-opacity: dynamic($calendar-event-dragging-opacity); /** * @var {number/list} * The margin for a week event. */$calendar-event-week-margin: dynamic(3px); /** * @var {number} * The font size for a week event. */$calendar-event-week-font-size: dynamic($calendar-font-size); /** * @var {number/list} * The padding for a week event that spans (all day, or multiple days). */$calendar-event-week-span-padding: dynamic(1px 1px 1px 3px); /** * @var {number/list} * The padding for a week event that is inline (occurs only one day and is not all day). */$calendar-event-week-inline-padding: dynamic(0 0 0 3px); /** * @var {number/list} * The margin for a day event. */$calendar-event-day-margin: dynamic(1px 0); /** * @var {number/list} * The padding for a day event. */$calendar-event-day-padding: dynamic(2px 4px); /** * @var {number} * The font size for a day event. */$calendar-event-day-font-size: dynamic($calendar-small-font-size); /** * @var {number} * The border width for a day event. */$calendar-event-day-border-width: dynamic(1px); /** * @var {number} * The border style for a day event. */$calendar-event-day-border-style: dynamic(solid); @mixin calendar-event-ui( $ui: null, $margin: null, $padding: null, $font-family: null, $font-size: null, $border-width: null, $border-style: null, $time-padding: null, $dragging-opacity: null, $resizer-font-size: null, $resizer-font-family: null, $resizer-content: null, $resizing-opacity: null) { $ui-suffix: ui-suffix($ui); .#{$prefix}calendar-event#{$ui-suffix} { margin: $margin; border-width: $border-width; border-style: $border-style; .#{$prefix}calendar-event-inner { padding: $padding; font-size: $font-size; font-family: $font-family; } .#{$prefix}calendar-event-time { padding: $time-padding; } .#{$prefix}calendar-event-resizer:after { font-size: $resizer-font-size; font-family: $resizer-font-family; content: $resizer-content; } @if $dragging-opacity != null { &.#{$prefix}calendar-event-dragging { @include opacity($dragging-opacity); } } @if $resizing-opacity != null { &.#{$prefix}calendar-event-resizing { @include opacity($resizing-opacity); } } }} @mixin calendar-event-default-ui() { @include calendar-event-ui( $time-padding: $calendar-event-time-padding, $font-family: $calendar-event-font-family, $dragging-opacity: $calendar-event-dragging-opacity, $resizer-font-size: $calendar-event-resizer-font-size, $resizer-font-family: $calendar-event-resizer-font-family, $resizer-content: $calendar-event-resizer-content, $resizing-opacity: $calendar-event-resizing-opacity );} @mixin calendar-event-week-span-ui() { .#{$prefix}calendar-event-week-span { .#{$prefix}calendar-event-time { display: none; } } @include calendar-event-ui( $ui: 'week-span', $margin: $calendar-event-week-margin, $font-size: $calendar-event-week-font-size, $padding: $calendar-event-week-span-padding );} @mixin calendar-event-week-inline-ui() { .#{$prefix}calendar-event-week-inline { .#{$prefix}calendar-event-time-separator, .#{$prefix}calendar-event-time-end { display: none; } } @include calendar-event-ui( $ui: 'week-inline', $margin: $calendar-event-week-margin, $font-size: $calendar-event-week-font-size, $padding: $calendar-event-week-inline-padding );} @mixin calendar-event-day-ui() { @include calendar-event-ui( $ui: 'day', $margin: $calendar-event-day-margin, $padding: $calendar-event-day-padding, $font-size: $calendar-event-day-font-size, $border-width: $calendar-event-day-border-width, $border-style: $calendar-event-day-border-style );}