UNPKG

@adobe/spectrum-css

Version:

The Spectrum CSS top-level backwards compatible package

opensource.adobe.com/spectrum-css/

adobe/spectrum-css

47 lines (45 loc) • 3.8 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
.spectrum-Switch { --spectrum-switch-m-handle-border-radius: undefined; --spectrum-switch-m-handle-border-size: var(--spectrum-alias-border-size-thick); --spectrum-switch-m-cursor-hit-x: var(--spectrum-global-dimension-size-100); --spectrum-switch-m-text-size: var(--spectrum-alias-item-text-size-m); --spectrum-switch-m-height: var(--spectrum-alias-item-height-m); --spectrum-switch-m-track-height: var(--spectrum-alias-item-control-3-height-m); --spectrum-switch-m-track-width: var(--spectrum-alias-item-control-3-width-m); --spectrum-switch-m-handle-size: var(--spectrum-alias-item-control-2-size-m); --spectrum-switch-m-text-gap: var(--spectrum-alias-item-control-gap-m); --spectrum-alias-focus-ring-gap: var(--spectrum-global-dimension-static-size-25); --spectrum-switch-m-track-color: var(--spectrum-global-color-gray-300); --spectrum-switch-m-handle-background-color: var(--spectrum-global-color-gray-75); --spectrum-switch-m-handle-border-color: var(--spectrum-global-color-gray-600); --spectrum-switch-m-text-color: var(--spectrum-alias-text-color); --spectrum-switch-m-track-color-selected: var(--spectrum-global-color-gray-700); --spectrum-switch-m-handle-border-color-selected: var(--spectrum-global-color-gray-700); --spectrum-switch-m-handle-border-color-hover: var(--spectrum-global-color-gray-700); --spectrum-switch-m-text-color-hover: var(--spectrum-alias-text-color-hover); --spectrum-switch-m-track-color-selected-hover: var(--spectrum-global-color-gray-800); --spectrum-switch-m-handle-border-color-selected-hover: var(--spectrum-global-color-gray-800); --spectrum-switch-m-handle-border-color-down: var(--spectrum-global-color-gray-800); --spectrum-switch-m-text-color-down: var(--spectrum-alias-text-color-down); --spectrum-switch-m-track-color-selected-down: var(--spectrum-global-color-gray-900); --spectrum-switch-m-handle-border-color-selected-down: var(--spectrum-global-color-gray-900); --spectrum-switch-m-track-color-disabled: var(--spectrum-global-color-gray-300); --spectrum-switch-m-handle-border-color-disabled: var(--spectrum-global-color-gray-400); --spectrum-switch-m-text-color-disabled: var(--spectrum-alias-text-color-disabled); --spectrum-switch-m-track-color-selected-disabled: var(--spectrum-global-color-gray-400); --spectrum-switch-m-handle-border-color-selected-disabled: var(--spectrum-global-color-gray-400); --spectrum-switch-m-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); --spectrum-switch-m-emphasized-track-color-selected: var(--spectrum-global-color-blue-500); --spectrum-switch-m-emphasized-handle-border-color-selected: var(--spectrum-global-color-blue-500); --spectrum-switch-m-emphasized-track-color-selected-hover: var(--spectrum-global-color-blue-600); --spectrum-switch-m-emphasized-handle-border-color-selected-hover: var(--spectrum-global-color-blue-600); --spectrum-switch-m-emphasized-track-color-selected-down: var(--spectrum-global-color-blue-700); --spectrum-switch-m-emphasized-handle-border-color-selected-down: var(--spectrum-global-color-blue-700); --spectrum-switch-m-focus-ring-size-key-focus: var(--spectrum-alias-focus-ring-size); --spectrum-switch-m-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color); --spectrum-switch-m-handle-border-color-key-focus: var(--spectrum-global-color-gray-700); --spectrum-switch-m-track-color-selected-key-focus: var(--spectrum-global-color-gray-800); --spectrum-switch-m-handle-border-color-selected-key-focus: var(--spectrum-global-color-gray-800); --spectrum-switch-m-emphasized-track-color-selected-key-focus: var(--spectrum-global-color-blue-600); --spectrum-switch-m-emphasized-handle-border-color-selected-key-focus: var(--spectrum-global-color-blue-600); }