1.4 #Buttons.4-button-set Button set
Toggle example guides Toggle HTML markup
Applied to a parent wrapper, will set all child links to use the button style. Defaults to primary button.
Examples
Default styling
.button-set--primary
Primary button style
.button-set--secondary
Secondary button style
.button-set--tertiary
Tertiary button style
.button-set--small
Small button style
.button-set--large
Large button style
Markup
<p class="button-set [modifier class]">
<a href="#">Link button</a>
<button>Button tag</button>
<input type="submit" value="Submit button" />
</p>
Source:
scss/objects/_button.scss
, line 74