Development Standards

Classes

All of this code can be found in Site Settings > Custom CSS

.main-section

Add to most, if not all, parent containers.

Adds a base padding.

.baseline-shift

If an accent heading is stacked above a primary heading, add this class to the top text to shift them closer together.

(Make sure gap is set to 0px as well)

Line 1

Line 2

.jagged-button

Adds a stylized top and bottom border to the buttons.

jagged-button-blue

Added in addition to the usual .jagged-button class.

 

.box-shadow

.rounded-corners

Variables

All of this code can be found in Site Settings > Custom CSS

Padding

–sitewide-base-padding: 8%;

Box Shadow

–x-box-shadow: 0px 0px 25px -5px black;

Border Radius

–x-border-radius: 10px;