50 lines
1 KiB
Text
50 lines
1 KiB
Text
|
|
|||
|
|
/* ==========================================================================
|
|||
|
|
$CLASSIC-TIME-PICKER
|
|||
|
|
========================================================================== */
|
|||
|
|
|
|||
|
|
@import "_variables.less";
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Note: the root picker element should __NOT__ be styled
|
|||
|
|
* more than what’s here. Style the `.picker__holder` instead.
|
|||
|
|
*/
|
|||
|
|
.picker--time {
|
|||
|
|
|
|||
|
|
// Adjust the min & max widths.
|
|||
|
|
min-width: @time-min-width;
|
|||
|
|
max-width: @time-max-width;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* The holder is the base of the picker.
|
|||
|
|
*/
|
|||
|
|
.picker--time .picker__holder {
|
|||
|
|
|
|||
|
|
// Add a slight background color.
|
|||
|
|
background: @bg-grey-light;
|
|||
|
|
|
|||
|
|
// For `medium` screens, reduce the font-size a bit to get more in view.
|
|||
|
|
@media ( min-height: @breakpoint-medium ) {
|
|||
|
|
font-size: .875em;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* The box contains the list of times.
|
|||
|
|
*/
|
|||
|
|
.picker--time .picker__box {
|
|||
|
|
|
|||
|
|
// Remove any stylings overflowing from the date picker.
|
|||
|
|
padding: 0;
|
|||
|
|
|
|||
|
|
// Make the “viewset” time position relative to the box.
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|