mirror of
https://github.com/frappe/air-datepicker.git
synced 2026-01-14 11:01:22 +08:00
44 lines
794 B
SCSS
44 lines
794 B
SCSS
$dayCellSize: 32px;
|
|
$datepickerWidth: 7 * $dayCellSize;
|
|
$datepickerBorderRadius: 2px;
|
|
$datepickerPadding: 2px;
|
|
$yearsPerRow: 4;
|
|
$textColor: #333;
|
|
|
|
$navigationHeight: 32px;
|
|
$navigationButtonsOffset: 1px;
|
|
|
|
$pointerSize: 10px;
|
|
$pointerOffset: 8px;
|
|
|
|
// Colors
|
|
$colorGrey: #ddd;
|
|
$colorAnotherMonth: #ddd;
|
|
$colorCellHover: #eee;
|
|
$colorCellCurrent: #60C4F5;
|
|
$colorCellSelected: skyblue;
|
|
$colorCellWeekend: '';
|
|
$borderColor: $colorGrey;
|
|
$bgButton: #f2f2f2;
|
|
$bgButtonHover: darken($bgButton, 3);
|
|
|
|
// Transitions
|
|
$transitionSpeed: .3s;
|
|
$transitionEase: ease;
|
|
$transitionOffset: 8px;
|
|
|
|
// Objects
|
|
%otherMonth {
|
|
color: $colorAnotherMonth;
|
|
font-size: .9em;
|
|
|
|
&.-selected- {
|
|
color: #fff;
|
|
background: lighten($colorCellSelected, 20%);
|
|
}
|
|
|
|
&:empty {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
} |