m.icon

Generic icon sizes to use throughout the layout, that are based upon the base spacing unit, to keep things relative to the contextual type size.

Block

.icon

Sets a specific height and width on the element. Targets svg and img element children to force them to acquire the same sizes.

Modifiers

    • .icon--before

    • Enabled

    Adds spacing to the right of the icon. Useful if adding an icon before a text label.

    • .icon--after

    • Enabled

    Adds spacing to the left of the icon. Useful if adding an icon after a text label.

    • .icon--small

    • Enabled

    Smaller version of the base icon size. If used with a before or after modifier, the spacing is also adjusted.

    • .icon--large

    • Enabled

    Larger version of the base icon size. If used with a before or after modifier, the spacing is also adjusted.