1.1 #Buttons.1-button-colors Button Colors
Toggle example guides Toggle HTML markup
Defines button colors. If only button class is used it will use button--primary.
Examples
Default styling
.button--primary
Primary button style
.button--secondary
Secondary button style
.button--tertiary
Tertiary button style
.button--transparent
Transparent style button.
Markup
<p>
<a href="#" class="button [modifier class]">Link button</a>
<button class="button [modifier class]">Button tag</button>
<input type="submit" class="button [modifier class]" value="Submit button" />
</p>
Source:
scss/objects/_button.scss, line 4