web.bower_components.pickadate.lib.themes-source.classic.time.less Maven / Gradle / Ivy
/* ==========================================================================
$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;
}