Buttons

Button styles are defined in buttons.scss with mixins. Default buttons in G-berg take the brand color theme on style: fill and the light color theme on style: outline.

Button style fill (default)

Button style outline

For other G-berg content button colors, use btn-dark. The available styles are btn-brand, btn-light and btn-dark. -Btn-brand is the default above, and btn-light is the same as on the outline-style above. The css to change the look is at the right under “Advanced/Additional CSS class(es)” settings.

Button style btn-brand

Button style btn-light

Button style btn-dark

Buttons have max-content width, unless the style btn-wide is used in addition to the btn, btn-brand, btn-light or btn-dark.

Button style btn-brand

Button style btn-light

Button style btn-dark

Button styles directly on <a> in G-berg and child theme in general

A normal text-link with class btn A normal text-link with class btn-light A normal text-link with class btn-dark A normal text-link with class btn-dark and btn-wide

Button styles on <a> inside <button> in G-berg and child theme in general

A normal text-link with no btn-class