air-datepicker/src/sass/_datepicker-config.scss

67 lines
1.0 KiB
SCSS

$dayCellSize: 32px;
$datepickerWidth: 250px;
$datepickerMinBodyHeight: 170px;
$datepickerBorderRadius: 4px;
$datepickerPadding: 4px;
$fontFamily: Tahoma;
$fontSize: 14px;
$yearsPerRow: 4;
$textColor: (
button: #5cc4ef,
otherMonth: #dedede,
disabled: #aeaeae,
currentDate: #4EB5E6,
common: #4a4a4a,
dayNames: #FF9A19,
navArrows: #9c9c9c
);
$bg: (
selected: #5cc4ef,
hover: #eee
);
$borderColor: (
nav: #f4f4f4,
inline: #d7d7d7,
default: #cccccc
);
$navigationHeight: 32px;
$navigationButtonsOffset: 2px;
$pointerSize: 10px;
$pointerOffset: 10px;
// Transitions
$transitionSpeed: .3s;
$transitionEase: ease;
$transitionOffset: 8px;
// Objects
%otherMonth {
color: map_get($textColor, otherMonth);
&:hover {
color: darken(map_get($textColor, otherMonth), 10);
}
&.-disabled- {
&:hover {
color: map_get($textColor, otherMonth);
}
}
&.-selected- {
color: #fff;
background: lighten(map_get($bg, selected), 15);
}
&:empty {
background: none;
border: none;
}
}