.block - This tells us it is a block (I am display grid by default).
.block--flex - This modifies me so I can not be display Flex.
.alignwide - This sets my width to a global width by selecting the block width attribute from the admin area.
.has-top-margin - This puts a top margin on me because blocks have no top margin by default or easier stacking. You can set this in the admin area.
.no-bottom-margin - I am NOT using this as I want to have bottom margin BUT just in case I can have this toggled in the admin area.

This is an H1 - 45px

This is an H2 - 24px

This is a paragraph - 14px

This is a Span - 12px This is a "small" Span - 10px

Lightest Blue
#476283

Medium Blue
#354a68

Button Blue
#18365d

Dark Blue
#1E2D40

Black Blue
#231f20

Darkest Gray
#575757

Medium Gray
#6a6a6a

Light Gray
#e2e4e7

Checkbox

Apparet statim, quae sint officia, quae actiones.

Apparet statim, quae sint officia, quae actiones.

Apparet statim, quae sint officia, lorem ipsum dolor quae.

Apparet statim, quae sint officia, lorem ipsum dolor quae.

Apparet statim, quae sint officia, quae actiones. Indicant pueri, in quibus ut in speculis natura cernitur. Efficiens dici potest.

Apparet statim, quae sint officia, quae actiones. Indicant pueri, in quibus ut in speculis natura cernitur. Efficiens dici potest.

Apparet statim, quae sint officia, quae actiones. Indicant pueri, in quibus ut in speculis natura cernitur. Efficiens dici potest.

Apparet statim, quae sint officia, lorem ipsum dolor quae.

Apparet statim, quae sint officia, lorem ipsum dolor quae.

Giving Back

Learn More

May 12, 2020