Examples
Default styling
.btn--black-ghost
Black ghost button
.btn--white-ghost
White ghost button
.btn--red
Red button
.btn--blue
Blue button
.btn--purple
Purple button
.btn--white
White button
:hover
Button hover state
:active
Button active state
:focus
Button focus state
Markup: components/buttons/buttons.twig
<a class="btn {{modifier_class}}" href="#">
Primary buttons
</a>
<button class="btn {{modifier_class}}">Native button</button>
Source:
_rnd17-styleguide.scss, line 30