50 lines
1 KiB
Plaintext
50 lines
1 KiB
Plaintext
|
||
/* ==========================================================================
|
||
$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;
|
||
}
|
||
|
||
|
||
|