Elevations

Elevation is the relative distance between two surfaces along the z-axis.

Shadows can add very attractive depth and interaction to our design. Keeping them consistent from one component to another is very important.

Demo	Value	SCSS Variables
	0 0 0 0 rgba(0, 0, 0, 0)	$gel-elevation-none
	0 1px 10px 0 rgba(0, 0, 0, 12%), 0 2px 4px 0 rgba(0, 0, 0, 10%)	$gel-elevation-low
	0 2px 10px 0 rgba(0, 0, 0, 12%), 0 4px 4px 0 rgba(0, 0, 0, 18%)	$gel-elevation-medium
	0 4px 4px 0 rgba(0, 0, 0, 25%), 0 3px 10px 0 rgba(0, 0, 0, 12%)	$gel-elevation-high