88 lines
1.5 KiB
Stylus
88 lines
1.5 KiB
Stylus
$calendarBackground = #fff
|
|
$calendarBorderColor = #eee
|
|
|
|
$monthForeground = #3c3f40
|
|
$monthBackground = transparent
|
|
|
|
$weekdaysBackground = transparent
|
|
$weekdays_color = #757575
|
|
|
|
$dayForeground = #404848
|
|
$dayHoverBackground = #e9e9e9
|
|
$disabled_border_color = $dayHoverBackground
|
|
|
|
$disabled_day_color = alpha(black, 0.15)
|
|
|
|
$todayColor = #F64747
|
|
$today_fg_color = #fff
|
|
|
|
$selectedDayBackground = #4f99ff
|
|
$selectedDayForeground = #fff
|
|
|
|
@require "../flatpickr"
|
|
|
|
.flatpickr-calendar
|
|
width $daysWidth
|
|
|
|
.dayContainer
|
|
padding 0
|
|
border-right 0
|
|
|
|
span.flatpickr-day
|
|
&, &.prevMonthDay, &.nextMonthDay
|
|
border-radius 0 !important
|
|
border 1px solid $dayHoverBackground
|
|
max-width none
|
|
border-right-color transparent
|
|
|
|
&:nth-child(n+8)
|
|
border-top-color transparent
|
|
|
|
&:nth-child(7n-6)
|
|
border-left 0
|
|
|
|
&:nth-child(n+36)
|
|
border-bottom 0
|
|
|
|
&:nth-child(-n+7)
|
|
margin-top 0
|
|
|
|
&.today:not(.selected)
|
|
border-color $dayHoverBackground
|
|
border-right-color transparent
|
|
border-top-color transparent
|
|
border-bottom-color $todayColor
|
|
|
|
&:hover
|
|
border 1px solid $todayColor
|
|
|
|
&.startRange, &.endRange
|
|
border-color $selectedDayBackground
|
|
|
|
|
|
&.today, &.selected
|
|
z-index 2
|
|
|
|
.rangeMode .flatpickr-day
|
|
margin-top -1px
|
|
|
|
.flatpickr-weekwrapper .flatpickr-weeks
|
|
box-shadow none
|
|
|
|
.flatpickr-weekwrapper span.flatpickr-day
|
|
border 0
|
|
margin -1px 0 0 -1px
|
|
|
|
|
|
.hasWeeks .flatpickr-days
|
|
border-right 0
|
|
|
|
@css {
|
|
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
|
|
span.flatpickr-day {
|
|
display: block;
|
|
flex: 1 0 auto;
|
|
}
|
|
}
|
|
}
|