Style
Color
Typography
Properties
Utilities
Visual Effects
Elements
Layouts
Components
Galleries
Visual Effects
Shadows
To adjust the padding click the lighter grey area to select the element you wish to change. We use VW to be more controlled with our spacing, however you will need to adjust each responsive level.
Default
Shadow Low
Shadow High
Shadow Deep
Class type
Angle
Distance
Blur
Color
shadow
180
6px
10px
rgba(0, 0, 0, 0.1)
shadow-low
180
2px
5px
rgba(0, 0, 0, 0.1)
shadow-high
180
8px
15px
rgba(0, 0, 0, 0.1)
shadow-deep
180
3px
12px
5px
10px
rgba(0, 0, 0, 0.2)
rgba(0, 0, 0, 0.2)
Blur
Blue Background is a class which can be applied to anything above an image in the stack
Class type
Radius
blue-background
6px