Style Guide: Blocks & Layouts

Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut…

Horizontal Spacing

The widths on the site are controlled by WordPresses build in widths. These are: However to make this clearer we…

Vertical Spacing

How vertical spacing works: Example patterns Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut…

Massive Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim…

Navigation

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut…

Stacker Horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut…

Tabs

Configuration options, per tab, include:

Team

The team block lists all Person posts which have a team assigned to them. Each Team taxonomy term has: Each…

Before/After Image

The block takes in two images. They should be exactly the same px dimensions.

Icon Labels

The icon label can have: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore…

Columns

There are 2 variations:

Cards Custom

Cards are complicated! They do a lot of heavy lifting and have a lot of combinations. So, strap in… Lorem…

Person Contact

Used to create a person contact block.

Slider

Use the slider block to create a list of massive headings.

Cards Specific

You can either pull in: The benefit of this cards block is that the cards rendered will keep in sync…

Tag Cloud

The tag cloud presents links to taxonomy term archive pages.

Image with Caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut…

Accordion

This block consinst of two nested blocks. First called “Accordion” and this one handles main wrapper, preheading and heading fields.…