42 lines
817 B
Text
42 lines
817 B
Text
|
|
||
|
|
/* ==========================================================================
|
||
|
|
$DEFAULT-TIME-PICKER
|
||
|
|
========================================================================== */
|
||
|
|
|
||
|
|
@import "_variables.less";
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The frame the bounds the time picker.
|
||
|
|
*/
|
||
|
|
.picker--time .picker__frame {
|
||
|
|
|
||
|
|
// Adjust the min & max widths.
|
||
|
|
min-width: @time-min-width;
|
||
|
|
max-width: @time-max-width;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The picker box.
|
||
|
|
*/
|
||
|
|
.picker--time .picker__box {
|
||
|
|
|
||
|
|
// Keep the font-size small to show more in view.
|
||
|
|
font-size: 1em;
|
||
|
|
|
||
|
|
// Add a slight background color.
|
||
|
|
background: @bg-grey-light;
|
||
|
|
|
||
|
|
// Remove the side paddings.
|
||
|
|
padding: 0;
|
||
|
|
|
||
|
|
// For `medium` screens, move it away from the bottom edge of the screen.
|
||
|
|
@media ( min-height: @breakpoint-medium ) {
|
||
|
|
margin-bottom: 5em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|