Box Shadow
Utilities for controlling the box shadow of an element.
| Class | Properties |
|---|---|
ob-shadow-light-sm | box-shadow: var(--ob-shadow-light-sm) |
ob-shadow-light | box-shadow: var(--ob-shadow-light-base) |
ob-shadow-light-md | box-shadow: var(--ob-shadow-light-md) |
ob-shadow-light-lg | box-shadow: var(--ob-shadow-light-lg) |
ob-shadow-light-xl | box-shadow: var(--ob-shadow-light-xl) |
ob-shadow-light-2xl | box-shadow: var(--ob-shadow-light-2xl) |
ob-shadow-dark-sm | box-shadow: var(--ob-shadow-dark-sm) |
ob-shadow-dark | box-shadow: var(--ob-shadow-dark-base) |
ob-shadow-dark-md | box-shadow: var(--ob-shadow-dark-md) |
ob-shadow-dark-lg | box-shadow: var(--ob-shadow-dark-lg) |
ob-shadow-dark-xl | box-shadow: var(--ob-shadow-dark-xl) |
ob-shadow-dark-2xl | box-shadow: var(--ob-shadow-dark-2xl) |
ob-shadow-primary-sm | box-shadow: var(--ob-shadow-primary-sm) |
ob-shadow-primary | box-shadow: var(--ob-shadow-primary-base) |
ob-shadow-primary-md | box-shadow: var(--ob-shadow-primary-md) |
ob-shadow-primary-lg | box-shadow: var(--ob-shadow-primary-lg) |
ob-shadow-primary-xl | box-shadow: var(--ob-shadow-primary-xl) |
ob-shadow-primary-2xl | box-shadow: var(--ob-shadow-primary-2xl) |
ob-shadow-secondary-sm | box-shadow: var(--ob-shadow-secondary-sm) |
ob-shadow-secondary | box-shadow: var(--ob-shadow-secondary-base) |
ob-shadow-secondary-md | box-shadow: var(--ob-shadow-secondary-md) |
ob-shadow-secondary-lg | box-shadow: var(--ob-shadow-secondary-lg) |
ob-shadow-secondary-xl | box-shadow: var(--ob-shadow-secondary-xl) |
ob-shadow-secondary-2xl | box-shadow: var(--ob-shadow-secondary-2xl) |
ob-shadow-light-inner | box-shadow: inset 0 2px 4px 0 hsla(var(--ob-black-h), var(--ob-black-s),var(--ob-black-l), .1) |
ob-shadow-light-none | box-shadow: 0 0 var(--ob-black) |
ob-shadow-dark-inner | box-shadow: inset 0 2px 4px 0 hsla(var(--ob-black-h), var(--ob-black-s),var(--ob-black-l), 1) |
ob-shadow-dark-none | box-shadow: 0 0 var(--ob-black) |
ob-shadow-primary-inner | box-shadow: inset 0 2px 4px 0 hsla(var(--ob-primary-h), var(--ob-primary-s),var(--ob-primary-l), .5) |
ob-shadow-primary-none | box-shadow: 0 0 var(--ob-primary-500) |
ob-shadow-secondary-inner | box-shadow: inset 0 2px 4px 0 hsla(var(--ob-secondary-h), var(--ob-secondary-s),var(--ob-secondary-l), .2) |
ob-shadow-secondary-none | box-shadow: 0 0 var(--ob-secondary-500) |