Sha256: b29b8f564d41fba1c2b582bb4993c249e831fb699ccdb31813433165b6ec7de5
Contents?: true
Size: 1.66 KB
Versions: 910
Compression:
Stored size: 1.66 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-color: transparent;
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
910 entries across 910 versions & 1 rubygems