@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(116, 116, 116);
}
.spectrum-Calendar-nextMonth {
color: rgb(116, 116, 116);
}
.spectrum-Calendar-dayOfWeek {
color: rgb(116, 116, 116);
}
.spectrum-Calendar-date:hover {
color: rgb(50, 50, 50);
}
.spectrum-Calendar-date:hover:not(.is-selection-end):not(.is-selection-start):before {
background: rgba(50,50,50,0.06);
}
.spectrum-Calendar-date:hover.is-selected {
color: rgb(50, 50, 50);
}
.spectrum-Calendar-date:hover.is-selected:not(.is-selection-end):not(.is-selection-start):before {
background: rgba(38,128,235,0.2);
}
.spectrum-Calendar-date:hover.is-range-selection:before {
background: rgba(38,128,235,0.2);
}
.spectrum-Calendar-date:active {
background-color: rgba(50,50,50,0.1);
}
.spectrum-Calendar-date.is-selected {
color: rgb(50, 50, 50);
background: rgba(38,128,235,0.1);
}
.spectrum-Calendar-date.is-selected:not(.is-range-selection) {
background: rgba(38,128,235,0.2);
}
.spectrum-Calendar-date.is-today {
color: rgb(80, 80, 80);
border-color: rgb(80, 80, 80);
}
.spectrum-Calendar-date.is-today:before {
border-color: rgb(80, 80, 80);
}
.spectrum-Calendar-date.is-today:hover.is-selected:not(.is-range-selection):before {
background: rgba(38,128,235,0.2);
}
.spectrum-Calendar-date.is-today.is-disabled {
color: rgb(188, 188, 188);
border-color: rgb(211, 211, 211);
}
.spectrum-Calendar-date.is-today.is-disabled:before {
border-color: rgb(211, 211, 211);
}
.spectrum-Calendar-date.is-focused:not(.is-range-selection) {
background: rgba(50,50,50,0.06);
border-color: rgb(55, 142, 240);
color: rgb(50, 50, 50);
}
.spectrum-Calendar-date.is-focused:not(.is-range-selection).is-today {
border-color: rgb(55, 142, 240);
}
.spectrum-Calendar-date.is-focused:not(.is-range-selection):active,
.spectrum-Calendar-date.is-focused:not(.is-range-selection).is-selected {
color: rgb(50, 50, 50);
background: rgba(38,128,235,0.2);
border-color: rgb(55, 142, 240);
}
.spectrum-Calendar-date.is-focused.is-selected:before {
background: rgba(38,128,235,0.2);
}
.spectrum-Calendar-date.is-focused.is-range-selection:before {
background: rgba(38,128,235,0.2);
}
.spectrum-Calendar-date.is-disabled {
color: rgb(188, 188, 188);
}
.spectrum-Calendar-date.is-selection-start,
.spectrum-Calendar-date.is-selection-end {
color: rgb(50, 50, 50);
}
.spectrum-Calendar-date.is-selection-start:after, .spectrum-Calendar-date.is-selection-end:after {
background-color: rgba(38,128,235,0.1);
}
.spectrum-Calendar-date.is-selection-start.is-disabled, .spectrum-Calendar-date.is-selection-end.is-disabled {
color: rgb(188, 188, 188);
}