Buttons

Button Sizes

Buttons are created by either using the .button class, button element, or submit input. Use the .button--large modifier to use a bigger button style.

<a class="button">Button</a>
<a class="button button--large">Button</a>

Variations

Colour

  • Use the .button--grey modifier.
<a class="button button--grey">Button</a>
<a class="button button--large button--grey">Button</a>

Style

  • Use the .button--ghost modifier.
<a class="button button--ghost">Button</a>
<a class="button button--ghost button--grey">Button</a>
Back
Link to single component view