This page lists all Box Shadows CSS custom properties available in the OxyProps Framework
| Description | CSS Variable |
|---|
| Defines the base color of the shadow. Use any valid CSS color. | --o-shadow-color |
| Defines the strength of the shadow as a percentage. | --o-shadow-strength |
| Description | CSS Variable | Utility Class |
|---|
| Applies a very subtle shadow. | --o-shadow-1 | o-shadow-1 |
| Applies a subtle shadow. | --o-shadow-2 | o-shadow-2 |
| Applies a medium shadow. | --o-shadow-3 | o-shadow-3 |
| Applies a strong shadow. | --o-shadow-4 | o-shadow-4 |
| Applies a very strong shadow. | --o-shadow-5 | o-shadow-5 |
| Applies a heavy shadow. | --o-shadow-6 | o-shadow-6 |
| Description | CSS Variable | Utility Class |
|---|
| Applies a very subtle inner shadow. | --o-inner-shadow-0 | o-inner-shadow-0 |
| Applies a subtle inner shadow. | --o-inner-shadow-1 | o-inner-shadow-1 |
| Applies a normal inner shadow. | --o-inner-shadow-2 | o-inner-shadow-2 |
| Applies a medium inner shadow. | --o-inner-shadow-3 | o-inner-shadow-3 |
| Applies a strong inner shadow. | --o-inner-shadow-4 | o-inner-shadow-4 |