@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
85 lines (84 loc) • 2.86 kB
CSS
.spectrum-Calendar-prevMonth {
color: rgb(162, 162, 162);
}
.spectrum-Calendar-nextMonth {
color: rgb(162, 162, 162);
}
.spectrum-Calendar-dayOfWeek {
color: rgb(162, 162, 162);
}
.spectrum-Calendar-date:hover {
color: rgb(239, 239, 239);
}
.spectrum-Calendar-date:hover:not(.is-selection-end):not(.is-selection-start):before {
background: rgba(239,239,239,0.08);
}
.spectrum-Calendar-date:hover.is-selected {
color: rgb(239, 239, 239);
}
.spectrum-Calendar-date:hover.is-selected:not(.is-selection-end):not(.is-selection-start):before {
background: rgba(38,128,235,0.3);
}
.spectrum-Calendar-date:hover.is-range-selection:before {
background: rgba(38,128,235,0.3);
}
.spectrum-Calendar-date:active {
background-color: rgba(239,239,239,0.15);
}
.spectrum-Calendar-date.is-selected {
color: rgb(239, 239, 239);
background: rgba(38,128,235,0.2);
}
.spectrum-Calendar-date.is-selected:not(.is-range-selection) {
background: rgba(38,128,235,0.3);
}
.spectrum-Calendar-date.is-today {
color: rgb(200, 200, 200);
border-color: rgb(200, 200, 200);
}
.spectrum-Calendar-date.is-today:before {
border-color: rgb(200, 200, 200);
}
.spectrum-Calendar-date.is-today:hover.is-selected:not(.is-range-selection):before {
background: rgba(38,128,235,0.3);
}
.spectrum-Calendar-date.is-today.is-disabled {
color: rgb(92, 92, 92);
border-color: rgb(73, 73, 73);
}
.spectrum-Calendar-date.is-today.is-disabled:before {
border-color: rgb(73, 73, 73);
}
.spectrum-Calendar-date.is-focused:not(.is-range-selection) {
background: rgba(239,239,239,0.08);
border-color: rgb(20, 115, 230);
color: rgb(239, 239, 239);
}
.spectrum-Calendar-date.is-focused:not(.is-range-selection).is-today {
border-color: rgb(20, 115, 230);
}
.spectrum-Calendar-date.is-focused:not(.is-range-selection):active,
.spectrum-Calendar-date.is-focused:not(.is-range-selection).is-selected {
color: rgb(239, 239, 239);
background: rgba(38,128,235,0.3);
border-color: rgb(20, 115, 230);
}
.spectrum-Calendar-date.is-focused.is-selected:before {
background: rgba(38,128,235,0.3);
}
.spectrum-Calendar-date.is-focused.is-range-selection:before {
background: rgba(38,128,235,0.3);
}
.spectrum-Calendar-date.is-disabled {
color: rgb(92, 92, 92);
}
.spectrum-Calendar-date.is-selection-start,
.spectrum-Calendar-date.is-selection-end {
color: rgb(239, 239, 239);
}
.spectrum-Calendar-date.is-selection-start:after, .spectrum-Calendar-date.is-selection-end:after {
background-color: rgba(38,128,235,0.2);
}
.spectrum-Calendar-date.is-selection-start.is-disabled, .spectrum-Calendar-date.is-selection-end.is-disabled {
color: rgb(92, 92, 92);
}