Shadows

Ce contenu n’est pas encore disponible dans votre langue.

This page lists all Shadows CSS custom properties available in the OxyProps Framework

Shadow Parameters

Example usage in custom CSS:

bricks
oxygen

root {
    --o-shadow-color: var(--o-surface-1);
    --o-shadow-strength: 63%;
}

--o-shadow-color: var(--o-surface-1);
--o-shadow-strength: 63%;

Description	CSS Variable	Utility Class
Sans serif, user system	`--o-font-sans`	`o-sans`
Serif, user system	`--o-font-serif`	`o-serif`
Monotype, user system	`--o-font-mono`	`o-mono`

Shadows

  --o-shadow-1
  --o-shadow-2
  --o-shadow-3
  --o-shadow-4
  --o-shadow-5
  --o-shadow-6

Inner Shadows

  --o-inner-shadow-0
  --o-inner-shadow-1
  --o-inner-shadow-2
  --o-inner-shadow-3
  --o-inner-shadow-4

Font Weights as Shadows

  --o-shadoweight-1
  --o-shadoweight-2
  --o-shadoweight-3
  --o-shadoweight-4
  --o-shadoweight-5
  --o-shadoweight-6
  --o-shadoweight-7
  --o-shadoweight-8