Shadows
Anatomy
Properties
Size
| Small | Medium | Large | |
|---|---|---|---|
| X position | shadow.s.x ( 0px ) | shadow.m.x ( 0px ) | shadow.l.x ( 0px ) |
| Y position | shadow.s.y ( 1px ) | shadow.m.y ( 2px ) | shadow.l.y ( 4px ) |
| Blur | shadow.s.blur ( 5px ) | shadow.m.blur ( 10px ) | shadow.l.blur ( 20px ) |
| Spread | shadow.s.spread ( 0px ) | shadow.m.spread ( 0px ) | shadow.l.spread ( 0px ) |
| Opacity | shadow.s.opacity ( 20% ) | shadow.m.opacity ( 20% ) | shadow.l.opacity ( 20% ) |
Color
Box-shadow is available in only one color : $color-grey-999