Buttons

There are couple different button variants to allow for quick and easy styling, or to get a project jumpstarted.

Include the .btn to set all the base styling for each button. You can use a class similar to .btn--primary to set a given button's color. Other vartiants include .btn--outline for a "ghost", outlined, button and .btn--gradient to add a gradient background to the button.

For example:

.btn

.btn .btn--primary

.btn .btn--outline .btn--primary

.btn .btn--gradient .btn--primary

Default
Outline
Gradient
States
Disabled
Active
Focus
Sizes
Group
100%