@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
85 lines (84 loc) • 2.83 kB
CSS
.spectrum-Calendar-prevMonth {
color: rgb(110, 110, 110);
}
.spectrum-Calendar-nextMonth {
color: rgb(110, 110, 110);
}
.spectrum-Calendar-dayOfWeek {
color: rgb(110, 110, 110);
}
.spectrum-Calendar-date:hover {
color: rgb(44, 44, 44);
}
.spectrum-Calendar-date:hover:not(.is-selection-end):not(.is-selection-start):before {
background: rgba(44,44,44,0.06);
}
.spectrum-Calendar-date:hover.is-selected {
color: rgb(44, 44, 44);
}
.spectrum-Calendar-date:hover.is-selected:not(.is-selection-end):not(.is-selection-start):before {
background: rgba(20,115,230,0.2);
}
.spectrum-Calendar-date:hover.is-range-selection:before {
background: rgba(20,115,230,0.2);
}
.spectrum-Calendar-date:active {
background-color: rgba(44,44,44,0.1);
}
.spectrum-Calendar-date.is-selected {
color: rgb(44, 44, 44);
background: rgba(20,115,230,0.1);
}
.spectrum-Calendar-date.is-selected:not(.is-range-selection) {
background: rgba(20,115,230,0.2);
}
.spectrum-Calendar-date.is-today {
color: rgb(75, 75, 75);
border-color: rgb(75, 75, 75);
}
.spectrum-Calendar-date.is-today:before {
border-color: rgb(75, 75, 75);
}
.spectrum-Calendar-date.is-today:hover.is-selected:not(.is-range-selection):before {
background: rgba(20,115,230,0.2);
}
.spectrum-Calendar-date.is-today.is-disabled {
color: rgb(179, 179, 179);
border-color: rgb(202, 202, 202);
}
.spectrum-Calendar-date.is-today.is-disabled:before {
border-color: rgb(202, 202, 202);
}
.spectrum-Calendar-date.is-focused:not(.is-range-selection) {
background: rgba(44,44,44,0.06);
border-color: rgb(38, 128, 235);
color: rgb(44, 44, 44);
}
.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(44, 44, 44);
background: rgba(20,115,230,0.2);
border-color: rgb(38, 128, 235);
}
.spectrum-Calendar-date.is-focused.is-selected:before {
background: rgba(20,115,230,0.2);
}
.spectrum-Calendar-date.is-focused.is-range-selection:before {
background: rgba(20,115,230,0.2);
}
.spectrum-Calendar-date.is-disabled {
color: rgb(179, 179, 179);
}
.spectrum-Calendar-date.is-selection-start,
.spectrum-Calendar-date.is-selection-end {
color: rgb(44, 44, 44);
}
.spectrum-Calendar-date.is-selection-start:after, .spectrum-Calendar-date.is-selection-end:after {
background-color: rgba(20,115,230,0.1);
}
.spectrum-Calendar-date.is-selection-start.is-disabled, .spectrum-Calendar-date.is-selection-end.is-disabled {
color: rgb(179, 179, 179);
}