diff options
Diffstat (limited to 'lib/flat-ttrss/dijit/TimePicker.styl')
-rwxr-xr-x | lib/flat-ttrss/dijit/TimePicker.styl | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/lib/flat-ttrss/dijit/TimePicker.styl b/lib/flat-ttrss/dijit/TimePicker.styl new file mode 100755 index 000000000..6d16c0c30 --- /dev/null +++ b/lib/flat-ttrss/dijit/TimePicker.styl @@ -0,0 +1,71 @@ +/* Time Picker + * + * Styling the Time Picker consists of the following: + * + * 1. minor time values + * .dijitTimePickerTick - set text color, size, background color of minor values + * .dijitTimePickerTickHover - set hover style of minor time values + * dijitTimePickerTickSelected - set selected style of minor time values + * + * 2. major time values - 1:00, 2:00, times on the hour + * set text color, size, background color, left/right margins for "zoom" affect + * .dijitTimePickerMarkerHover - to set hover style of major time values + * .dijitTimePickerMarkerSelected - set selected style of major time values + * + * 3. up and down arrow buttons + * .dijitTimePicker .dijitButtonNode - background-color, border + * .dijitTimePicker .dijitUpArrowHover, .dijitTimePicker .dijitDownArrowHover - set background-color for hover state + * + * Other classes provide the fundamental structure of the TimePicker and should not be modified. + */ + +@import 'dijit_variables'; + +.dijitTimePickerPopup { + box-shadow: $timepicker-box-shadow; + height: 200px; +} + +.dijitTimePicker { + background-color: $timepicker-background-color; + padding: $timepicker-padding; + border: 1px solid $timepicker-border-color; + border-radius: $timepicker-border-radius; +} + +.dijitTimePickerItem { + margin:0; +} + +.dijitTimePickerTick { + /* minor value */ + color: $timepicker-tick-text-color; + border: 0 none; +} + +.dijitTimePickerMarker { + /* major value - 1:00, 2:00, times on the hour */ + background-color: $timepicker-marker-background-color; + white-space: nowrap; + border: 0 none; +} + +.dijitTimePickerTickHover, +.dijitTimePickerMarkerHover { + background: $timepicker-item-hovered-background-color; + color: $timepicker-item-hovered-text-color; +} + +.dijitTimePickerMarkerSelected, +.dijitTimePickerTickSelected { + background: $timepicker-item-selected-background-color; + color: $timepicker-item-selected-text-color; +} + +.dijitTimePickerTick, +.dijitTimePickerMarker { + .dijitTimePickerItemInner { + padding: $timepicker-item-padding; + margin:0; + } +}
\ No newline at end of file |