UNPKG

@adobe/spectrum-css

Version:

The Spectrum CSS top-level backwards compatible package

87 lines (86 loc) 3.32 kB
.spectrum--light .spectrum-Calendar-prevMonth { color: rgb(110, 110, 110); } .spectrum--light .spectrum-Calendar-nextMonth { color: rgb(110, 110, 110); } .spectrum--light .spectrum-Calendar-dayOfWeek { color: rgb(110, 110, 110); } .spectrum--light .spectrum-Calendar-date:hover { color: rgb(44, 44, 44); } .spectrum--light .spectrum-Calendar-date:hover:not(.is-selection-end):not(.is-selection-start):before { background: rgba(44,44,44,0.06); } .spectrum--light .spectrum-Calendar-date:hover.is-selected { color: rgb(44, 44, 44); } .spectrum--light .spectrum-Calendar-date:hover.is-selected:not(.is-selection-end):not(.is-selection-start):before { background: rgba(20,115,230,0.2); } .spectrum--light .spectrum-Calendar-date:hover.is-range-selection:before { background: rgba(20,115,230,0.2); } .spectrum--light .spectrum-Calendar-date:active { background-color: rgba(44,44,44,0.1); } .spectrum--light .spectrum-Calendar-date.is-selected { color: rgb(44, 44, 44); background: rgba(20,115,230,0.1); } .spectrum--light .spectrum-Calendar-date.is-selected:not(.is-range-selection) { background: rgba(20,115,230,0.2); } .spectrum--light .spectrum-Calendar-date.is-today { color: rgb(75, 75, 75); border-color: rgb(75, 75, 75); } .spectrum--light .spectrum-Calendar-date.is-today:before { border-color: rgb(75, 75, 75); } .spectrum--light .spectrum-Calendar-date.is-today:hover.is-selected:not(.is-range-selection):before { background: rgba(20,115,230,0.2); } .spectrum--light .spectrum-Calendar-date.is-today.is-disabled { color: rgb(179, 179, 179); border-color: rgb(202, 202, 202); } .spectrum--light .spectrum-Calendar-date.is-today.is-disabled:before { border-color: rgb(202, 202, 202); } .spectrum--light .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--light .spectrum-Calendar-date.is-focused:not(.is-range-selection).is-today { border-color: rgb(38, 128, 235); } .spectrum--light .spectrum-Calendar-date.is-focused:not(.is-range-selection):active, .spectrum--light .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--light .spectrum-Calendar-date.is-focused.is-selected:before { background: rgba(20,115,230,0.2); } .spectrum--light .spectrum-Calendar-date.is-focused.is-range-selection:before { background: rgba(20,115,230,0.2); } .spectrum--light .spectrum-Calendar-date.is-disabled { color: rgb(179, 179, 179); } .spectrum--light .spectrum-Calendar-date.is-selection-start, .spectrum--light .spectrum-Calendar-date.is-selection-end { color: rgb(44, 44, 44); } .spectrum--light .spectrum-Calendar-date.is-selection-start:after, .spectrum--light .spectrum-Calendar-date.is-selection-end:after { background-color: rgba(20,115,230,0.1); } .spectrum--light .spectrum-Calendar-date.is-selection-start.is-disabled, .spectrum--light .spectrum-Calendar-date.is-selection-end.is-disabled { color: rgb(179, 179, 179); }