Quorn-hcp Styleguide

  1. Styleguide
  2. Buttons

Buttons

Buttons are built using .btn and any of the modifier classes available below, they can be applied to <a>, <button>, <input> and <submit>, you could even apply the style to a <span>.

Buttons regular

.btn

a.btn--link a.btn--light a.btn--dark a.btn--a a.btn--b a.btn--c a.btn--d a.btn--e a.btn--f

Buttons small

Add .btn--sm to any .btn to produce a smaller variant

a.btn--sm.btn--link a.btn--sm.btn--light a.btn--sm.btn--dark a.btn--sm.btn--a a.btn--sm.btn--b a.btn--sm.btn--c a.btn--sm.btn--d a.btn--sm.btn--e a.btn--sm.btn--f