Styleguide - Commonwealth Club World Affairs of California
Skip to main content

Mangrove Starter Theme Styleguide

This is a WordPress Starter kit created by Mangrove Web Development .

WordPress, Webpack, JS, CSS3, HTML5

Grid Example

(12 column responsive grid with 20px gutters)

1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/6
1/6
1/6
1/6
1/6
1/6
1/5
1/5
1/5
1/5
1/5
1/3
1/3
1/3
1/4
1/4
1/4
1/4
1/2
1/2

Grid Offsets

1/2 + 1/2 offset
1/3 + 1/3 offset
1/4 + 1/4 offset

Buttons

Styles
Sizing

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Typography

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Vivamus non tincidunt neque, at eleifend orci. Integer porttitor commodo finibus. Nulla nec eros orci. Proin metus magna, convallis nec leo et, sagittis lacinia mi. Phasellus id ex gravida, porta odio ut, tempor dolor. Duis lacinia leo ut lorem accumsan vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vehicula eleifend sapien, sed efficitur dolor porta id. In malesuada eros maximus, vulputate nisl lobortis, vestibulum odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque convallis, enim eu pulvinar ullamcorper, ex libero luctus arcu, nec mattis ipsum sapien ac urna. Fusce facilisis suscipit ex, lacinia lacinia magna ullamcorper sed. Suspendisse eget ex turpis.

This is a blockquote. Maecenas at orci lacinia, auctor mi imperdiet, malesuada velit. Phasellus at libero ac orci pharetra condimentum vel eu diam. Etiam lobortis dui et lacus laoreet, nec egestas tellus malesuada. Donec ut mauris eu enim mollis cursus non non leo. Cras at accumsan turpis. Vestibulum sollicitudin at nulla at laoreet. In non porttitor massa.

Icons

This is the Title for the Hero

You can select a solid color background or image for this block.  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Bob Smith, CEO
Testimonial One
—Bob Smith, CEO
Jane Smith, CEO
Testimonial Two
—Jane Smith, CEO