Shadows

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

Shadow Parameters

link Shadow Parameters

Example usage in custom CSS:

bricks

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

oxygen

--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

link Shadows

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

Inner Shadows

link 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

link 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