UNPKG

@spectrum-web-components/styles

Version:

Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org)-powered web component library of patterns built on top of the [Spectrum CSS](https://opensource.adobe.com/spectrum-css) specification. Styles for these components are ma

59 lines (46 loc) 3.69 kB
/* @deprecated these assets should not be used; the custom override values exist in ../light-vars.css */ :host, :root { --spectrum-menu-item-background-color-default-rgb: 0, 0, 0; --spectrum-menu-item-background-color-default-opacity: 0; --spectrum-menu-item-background-color-default: rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity)); /* --spectrum-gray-900 */ --spectrum-menu-item-background-color-hover: var(--spectrum-transparent-black-200); --spectrum-menu-item-background-color-down: var(--spectrum-transparent-black-200); --spectrum-menu-item-background-color-key-focus: var(--spectrum-transparent-black-200); /* Drop Zone background color rgb */ --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-800-rgb); /* var(--spectrum-accent-color-800);*/ /* Drop Indicator color rgb */ --spectrum-dropindicator-color: var(--spectrum-blue-800); --spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1); --spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-black-rgb), 0.06); --spectrum-calendar-day-today-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2); --spectrum-calendar-day-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2); --spectrum-calendar-day-background-color-down: var(--spectrum-transparent-black-200); --spectrum-calendar-day-background-color-cap-selected: rgba(var(--spectrum-blue-900-rgb), 0.2); --spectrum-calendar-day-background-color-key-focus: rgba(var(--spectrum-black-rgb), 0.06); --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-800); --spectrum-badge-label-icon-color-primary: var(--spectrum-white); --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-800); --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900); --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50); --spectrum-well-border-color: var(--spectrum-black-rgb); --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-800); --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.06); --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1); --spectrum-logic-button-and-background-color: var(--spectrum-blue-900); --spectrum-logic-button-and-border-color: var(--spectrum-blue-900); --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1100); --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1100); --spectrum-logic-button-or-background-color: var(--spectrum-magenta-900); --spectrum-logic-button-or-border-color: var(--spectrum-magenta-900); --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-1100); --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-1100); --spectrum-assetcard-border-color-selected: var(--spectrum-blue-900); --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-900); --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-1000); --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-900); --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-800); --spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2); --spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1); --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-800); }