@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
85 lines (84 loc) • 2.87 kB
CSS
.spectrum-Calendar-prevMonth {
color: rgb(185, 185, 185);
}
.spectrum-Calendar-nextMonth {
color: rgb(185, 185, 185);
}
.spectrum-Calendar-dayOfWeek {
color: rgb(185, 185, 185);
}
.spectrum-Calendar-date:hover {
color: rgb(255, 255, 255);
}
.spectrum-Calendar-date:hover:not(.is-selection-end):not(.is-selection-start):before {
background: rgba(255,255,255,0.07);
}
.spectrum-Calendar-date:hover.is-selected {
color: rgb(255, 255, 255);
}
.spectrum-Calendar-date:hover.is-selected:not(.is-selection-end):not(.is-selection-start):before {
background: rgba(55,142,240,0.25);
}
.spectrum-Calendar-date:hover.is-range-selection:before {
background: rgba(55,142,240,0.25);
}
.spectrum-Calendar-date:active {
background-color: rgba(255,255,255,0.1);
}
.spectrum-Calendar-date.is-selected {
color: rgb(255, 255, 255);
background: rgba(55,142,240,0.15);
}
.spectrum-Calendar-date.is-selected:not(.is-range-selection) {
background: rgba(55,142,240,0.25);
}
.spectrum-Calendar-date.is-today {
color: rgb(227, 227, 227);
border-color: rgb(227, 227, 227);
}
.spectrum-Calendar-date.is-today:before {
border-color: rgb(227, 227, 227);
}
.spectrum-Calendar-date.is-today:hover.is-selected:not(.is-range-selection):before {
background: rgba(55,142,240,0.25);
}
.spectrum-Calendar-date.is-today.is-disabled {
color: rgb(110, 110, 110);
border-color: rgb(90, 90, 90);
}
.spectrum-Calendar-date.is-today.is-disabled:before {
border-color: rgb(90, 90, 90);
}
.spectrum-Calendar-date.is-focused:not(.is-range-selection) {
background: rgba(255,255,255,0.07);
border-color: rgb(38, 128, 235);
color: rgb(255, 255, 255);
}
.spectrum-Calendar-date.is-focused:not(.is-range-selection).is-today {
border-color: rgb(38, 128, 235);
}
.spectrum-Calendar-date.is-focused:not(.is-range-selection):active,
.spectrum-Calendar-date.is-focused:not(.is-range-selection).is-selected {
color: rgb(255, 255, 255);
background: rgba(55,142,240,0.25);
border-color: rgb(38, 128, 235);
}
.spectrum-Calendar-date.is-focused.is-selected:before {
background: rgba(55,142,240,0.25);
}
.spectrum-Calendar-date.is-focused.is-range-selection:before {
background: rgba(55,142,240,0.25);
}
.spectrum-Calendar-date.is-disabled {
color: rgb(110, 110, 110);
}
.spectrum-Calendar-date.is-selection-start,
.spectrum-Calendar-date.is-selection-end {
color: rgb(255, 255, 255);
}
.spectrum-Calendar-date.is-selection-start:after, .spectrum-Calendar-date.is-selection-end:after {
background-color: rgba(55,142,240,0.15);
}
.spectrum-Calendar-date.is-selection-start.is-disabled, .spectrum-Calendar-date.is-selection-end.is-disabled {
color: rgb(110, 110, 110);
}