1.1.1 #Atoms.buttons.button-sizes Button sizes
Toggle example guides Toggle HTML markup
Defines button sizes.
Examples
Default styling
.button--x-small
X Small button size
.button--small
Small button size
.button--large
Large button size
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:
docroot/themes/contrib/district_base/styles/scss/objects/_button.scss, line 41