2.3.5 #Components.button.sizes Sizes

Toggle example guides Toggle HTML markup

Button sizes.

Browser support: IE9+, Safari6+, Firefox30+, Chrome30+

Default styling
.sb-btn--l
Large button
.sb-btn--s
Small button
Markup
<button class="sb-btn [modifier class]">Button</button>
<button class="sb-btn [modifier class] sb-btn--secondary">Secondary</button>
<button class="sb-btn [modifier class] sb-btn--primary">Primary</button>
<button class="sb-btn [modifier class] sb-btn--subtle">Subtle</button>
Source: components/_button.scss, line 318