Buttons

White Button Black Button Red Button Yellow Button White Outline Button Black Outline Button Red Outline Button Yellow Outline Button White Icon Black Icon Red Icon Yellow Icon White Icon Black Icon Red Icon Yellow Icon

How to Use

Button styles are handled by Sass mixins in the _mixins.scss partial. Include them in a selector for your element and pass any needed arguments.

// Filled primary button
.filled-button {
    @include primary_button($bg_color, $color);
}

// Outline button
.outline-button {
    @include outline_button($color, $bg_color);
}

// A text link with an SVG child icon
.link-with-icon {
    @include icon_link();

    color: $white;
}

// A solid filled button with an SVG child icon
.filled-button-with-an-icon {
    @include primary_button($bg_color, $color);
    @include icon_link();
}Code language: SCSS (scss)