Codex Direction:
Box shadow
| Name | Value |
|---|---|
| box-shadow-drop-small | 0 1px 1px rgba( 0, 0, 0, 0.2 ) Defined in Refers to This features color as part of the theme token value. |
| box-shadow-drop-medium | 0 2px 2px 0 rgba( 0, 0, 0, 0.2 ) Defined in Refers to This features color as part of the theme token value. |
| box-shadow-drop-extra-extra-large | 0 20px 48px 0 rgba( 0, 0, 0, 0.2 ) Defined in Refers to This features color as part of the theme token value. |
| box-shadow-inset-small | inset 0 0 0 1px Defined in Refers to |
| box-shadow-inset-medium | inset 0 0 0 2px Defined in Refers to |
| box-shadow-inset-medium-vertical | inset 0 -2px 0 0 Defined in Refers to |
| box-shadow-outset-small-top | 0 -1px 0 0 Defined in Refers to |
| box-shadow-outset-small-start | -1px 0 0 0 Defined in Refers to |
| box-shadow-color-base | #000 Defined in Refers to |
| box-shadow-color-progressive--active | #2a4b8d Defined in Refers to |
| box-shadow-color-progressive--focus | #36c Defined in Refers to |
| box-shadow-color-progressive-selected | #36c Defined in Refers to |
| box-shadow-color-progressive-selected--hover | #447ff5 Defined in Refers to |
| box-shadow-color-progressive-selected--active | #2a4b8d Defined in Refers to |
| box-shadow-color-destructive--focus | #d33 Defined in Refers to |
| box-shadow-color-inverted | #fff Defined in Refers to |
| box-shadow-color-transparent | transparent Defined in Refers to |
| box-shadow-progressive--active | inset 0 0 0 1px #2a4b8d deprecated Defined in Refers to Refers to Deprecated: Legacy `box-shadow` token shorthand. Apply single category tokens instead. |
| box-shadow-progressive--focus | inset 0 0 0 1px #36c deprecated Defined in Refers to Refers to Deprecated: Legacy `box-shadow` token shorthand. Apply single category tokens instead. |
| box-shadow-destructive--focus | inset 0 0 0 1px #d33 deprecated Defined in Refers to Refers to Deprecated: Legacy `box-shadow` token shorthand. Apply single category tokens instead. |
| box-shadow-inverted | inset 0 0 0 2px #fff deprecated Defined in Refers to Refers to Deprecated: Legacy `box-shadow` token shorthand. Apply single category tokens instead. |
| box-shadow-progressive-filled--focus | inset 0 0 0 1px #36c, inset 0 0 0 2px #fff deprecated Defined in Refers to Refers to Deprecated: Legacy `box-shadow` token shorthand. Apply single category tokens instead. |
| box-shadow-destructive-filled--focus | inset 0 0 0 1px #d33, inset 0 0 0 2px #fff deprecated Defined in Refers to Refers to Deprecated: Legacy `box-shadow` token shorthand. Apply single category tokens instead. |
| box-shadow-base | inset 0 0 0 1px transparent deprecated Defined in Refers to Refers to Deprecated: Legacy value. Only used in non-Codex products. |
| box-shadow-base--active | inset 0 0 0 1px #2a4b8d deprecated Defined in Refers to Deprecated: Legacy value. Only used in non-Codex products. |
| box-shadow-base--focus | inset 0 0 0 1px #36c deprecated Defined in Refers to Deprecated: Legacy value. Only used in non-Codex products. |
| box-shadow-filled--disabled | inset 0 0 0 1px #fff deprecated Defined in Refers to Refers to Deprecated: Legacy value. Only used in non-Codex products. |
| box-shadow-primary--focus | inset 0 0 0 1px #36c, inset 0 0 0 2px #fff deprecated Defined in Refers to Deprecated: Legacy value. Only used in non-Codex products. |
| box-shadow-card | 0 1px 1px rgba( 0, 0, 0, 0.2 ) deprecated Defined in Refers to |
| box-shadow-dialog | 0 2px 2px 0 rgba( 0, 0, 0, 0.2 ) deprecated Defined in Refers to |
| box-shadow-menu | 0 2px 2px 0 rgba( 0, 0, 0, 0.2 ) deprecated Defined in Refers to |
| box-shadow-progress-bar | 0 1px 1px rgba( 0, 0, 0, 0.2 ) deprecated Defined in Refers to |