Root for the Planet and support MAP, make your year-end donation today!

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

Testimonial One

Testimonial Two