From: Nicolas Coden Date: Wed, 27 Dec 2017 20:00:33 +0000 (+0100) Subject: feat: make the whole button border customizable X-Git-Tag: v6.6.0~3^2~256^2 X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10600%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git feat: make the whole button border customizable --- diff --git a/scss/components/_button.scss b/scss/components/_button.scss index 57e1e660e..701918f07 100644 --- a/scss/components/_button.scss +++ b/scss/components/_button.scss @@ -42,10 +42,13 @@ $button-color-alt: $black !default; /// @type Number $button-radius: $global-radius !default; +/// Border for buttons, transparent by default +/// @type List +$button-border: 1px solid transparent !default; + /// Border width for hollow outline buttons /// @type Number -$button-border-width: 1px !default; -$button-hollow-border-width: $button-border-width !default; +$button-hollow-border-width: 1px !default; /// Sizes for buttons. /// @type Map @@ -101,7 +104,7 @@ $button-transition: background-color 0.25s ease-out, color 0.25s ease-out !defau } -webkit-appearance: none; - border: $button-border-width solid transparent; + border: $button-border; border-radius: $button-radius; transition: $button-transition;