m.layout

Set up a box to surround elements for using throughout the project, including in any landing pages.

Avatar styling with different size options. It should only really be applied to square ratio images.

Used to apply max-widths to content so it remains within an optimal line length.

Create set ratios for content. This module needs to be used with caution, because content that appears within the ratio needs to scale with it’s parent, or it runs the…

Add an overlay tint to darken image areas for better contrast for the content. This module works well in combination with _c.band.

Designed to move small elements on hover to show they’re clickable. One use case would be nudging arrows on CTA links. The default size is .5em, which is relative to the…

Navigation styles to lay out WordPress menus in different formats.

The marker styling that appears within the map element itself.

Similar to band, but has a min-height set. This block can be excluded if no maps are necessary.

Another core element to lay items out vertically. This can be used alongside layout, so items have spacing between both vertically and horizontally.

Common styling for list elements, with optional modifiers.

Used to lay elements out to align with the grid. If elements need to sit next to each other, they should be wrapped in layout classes. This is probably THE most…