/* ------------------------------------------------------------------------------
*
* # Pick-a-date - Picker base
*
* The mobile-friendly, responsive, and lightweight jQuery date & time input picker
*
* Version: 1.0
* Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */
// Picker base
.picker {
width: 100%;
text-align: left;
position: absolute;
top: 100%;
margin-top: -1px;
z-index: 990;
.user-select(none);
}
// Input element
.picker__input {
cursor: default;
}
// The base of the picker
.picker__holder {
width: 100%;
overflow-y: auto;
position: absolute;
display: none;
background-color: @dropdown-bg;
border: 1px solid @dropdown-border;
border-top-width: 0;
border-bottom-width: 0;
max-width: 280px;
max-height: 0;
-webkit-overflow-scrolling: touch;
// When the picker opens
.picker--opened & {
max-height: 480px;
border-top-width: 1px;
border-bottom-width: 1px;
display: block;
}
}