Sha256: ba418f1554abc7c0bb8aef7966a4dc8279fd847f324e575969c8d56e237e78e8
Contents?: true
Size: 1.65 KB
Versions: 119
Compression:
Stored size: 1.65 KB
Contents
// Day and Range Styles
.flatpickr-day {
user-select: none;
@media (hover: hover) {
&:hover {
transition-duration: $transition_short;
transition-timing-function: $easeIn;
background-color: #F6FAFF;
border-color: #F6FAFF;
box-shadow: $shadow_deep;
}
}
}
.flatpickr-day.today {
border: none;
font-weight: $bold;
color: $charcoal;
&.selected {
color: $text_dk_default;
}
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange {
border-radius: $space_xl + 10;
background-color: $primary;
border-color: $primary;
box-shadow: $shadow_deep;
font-weight: $bold;
}
.flatpickr-day.startRange {
box-shadow: $space_sm + 1 0 0 #F7FBFF
}
.flatpickr-day.endRange {
box-shadow: -$space_sm 0 0 #F7FBFF
}
.flatpickr-day.inRange {
background-color: #F7FBFF;
border: 2px;
box-shadow: -$space_xs + 4 0 0 #F7FBFF, $space_xs - 3 0 0 #F7FBFF;
}
/*
Plugin author didn't consider providing a class context, so
instead we have to use the id! ¯\_(ツ)_/¯
*/
#cal-week-date-picker {
.flatpickr-day.inRange:not(.selected) {
&:nth-of-type(1),
&:nth-of-type(7n+1) {
border-radius: 30px 0 0 30px;
}
&:nth-of-type(7n) {
border-radius: 0 30px 30px 0;
}
}
.flatpickr-day.inRange {
&.selected {
background-color: $primary;
box-shadow: none;
color: #ffffff;
}
}
.flatpickr-day.selected:hover {
transition: none;
}
}
.flatpickr-innerContainer {
overflow: visible;
}
.flatpickr-days {
overflow: visible;
}
// Weekday Styling
div.flatpickr-weekdays {
margin-top: $space_xs;
}
span.flatpickr-weekday {
@include caption;
user-select: none;
}
Version data entries
119 entries across 119 versions & 1 rubygems