shadow
Supports box-shadow and text-shadow as shorthand classes.
Box Shadow
Format
bs{X}px{Y}px{blur}px{spread}px{HEX6}| Class | CSS |
|---|---|
bs2px4px10px0pxFF0000 | box-shadow: 2px 4px 10px 0px #FF0000 |
bs0px2px8px0px000000 | box-shadow: 0px 2px 8px 0px #000000 |
bsn | box-shadow: none |
Inset
Use the bsi prefix to create inset shadows:
| Class | CSS |
|---|---|
bsi2px4px10px0pxFF0000 | box-shadow: inset 2px 4px 10px 0px #FF0000 |
RGBA color
You can use RGBA instead of HEX:
bs2px4px10px0px0-0-0-30 → box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.3)Text Shadow
ts{X}px{Y}px{blur}px{HEX6}| Class | CSS |
|---|---|
ts1px1px3px000000 | text-shadow: 1px 1px 3px #000000 |
No shadow: bsn → box-shadow: none