UNPKG

@adobe/spectrum-css

Version:

The Spectrum CSS top-level backwards compatible package

87 lines (86 loc) 3.4 kB
.spectrum--darkest .spectrum-Calendar-prevMonth { color: rgb(162, 162, 162); } .spectrum--darkest .spectrum-Calendar-nextMonth { color: rgb(162, 162, 162); } .spectrum--darkest .spectrum-Calendar-dayOfWeek { color: rgb(162, 162, 162); } .spectrum--darkest .spectrum-Calendar-date:hover { color: rgb(239, 239, 239); } .spectrum--darkest .spectrum-Calendar-date:hover:not(.is-selection-end):not(.is-selection-start):before { background: rgba(239,239,239,0.08); } .spectrum--darkest .spectrum-Calendar-date:hover.is-selected { color: rgb(239, 239, 239); } .spectrum--darkest .spectrum-Calendar-date:hover.is-selected:not(.is-selection-end):not(.is-selection-start):before { background: rgba(38,128,235,0.3); } .spectrum--darkest .spectrum-Calendar-date:hover.is-range-selection:before { background: rgba(38,128,235,0.3); } .spectrum--darkest .spectrum-Calendar-date:active { background-color: rgba(239,239,239,0.15); } .spectrum--darkest .spectrum-Calendar-date.is-selected { color: rgb(239, 239, 239); background: rgba(38,128,235,0.2); } .spectrum--darkest .spectrum-Calendar-date.is-selected:not(.is-range-selection) { background: rgba(38,128,235,0.3); } .spectrum--darkest .spectrum-Calendar-date.is-today { color: rgb(200, 200, 200); border-color: rgb(200, 200, 200); } .spectrum--darkest .spectrum-Calendar-date.is-today:before { border-color: rgb(200, 200, 200); } .spectrum--darkest .spectrum-Calendar-date.is-today:hover.is-selected:not(.is-range-selection):before { background: rgba(38,128,235,0.3); } .spectrum--darkest .spectrum-Calendar-date.is-today.is-disabled { color: rgb(92, 92, 92); border-color: rgb(73, 73, 73); } .spectrum--darkest .spectrum-Calendar-date.is-today.is-disabled:before { border-color: rgb(73, 73, 73); } .spectrum--darkest .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--darkest .spectrum-Calendar-date.is-focused:not(.is-range-selection).is-today { border-color: rgb(20, 115, 230); } .spectrum--darkest .spectrum-Calendar-date.is-focused:not(.is-range-selection):active, .spectrum--darkest .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--darkest .spectrum-Calendar-date.is-focused.is-selected:before { background: rgba(38,128,235,0.3); } .spectrum--darkest .spectrum-Calendar-date.is-focused.is-range-selection:before { background: rgba(38,128,235,0.3); } .spectrum--darkest .spectrum-Calendar-date.is-disabled { color: rgb(92, 92, 92); } .spectrum--darkest .spectrum-Calendar-date.is-selection-start, .spectrum--darkest .spectrum-Calendar-date.is-selection-end { color: rgb(239, 239, 239); } .spectrum--darkest .spectrum-Calendar-date.is-selection-start:after, .spectrum--darkest .spectrum-Calendar-date.is-selection-end:after { background-color: rgba(38,128,235,0.2); } .spectrum--darkest .spectrum-Calendar-date.is-selection-start.is-disabled, .spectrum--darkest .spectrum-Calendar-date.is-selection-end.is-disabled { color: rgb(92, 92, 92); }