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
  1. <button class="sb-btn [modifier class]">Button</button>
  2. <button class="sb-btn [modifier class] sb-btn--secondary">Secondary</button>
  3. <button class="sb-btn [modifier class] sb-btn--primary">Primary</button>
  4. <button class="sb-btn [modifier class] sb-btn--subtle">Subtle</button>
Source: components/_button.scss, line 318