diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/objects/_button.scss | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/src/objects/_button.scss b/src/objects/_button.scss index 771efbf..0da3a65 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss | |||
@@ -49,6 +49,12 @@ $static-themes: 'black' 'white'; | |||
49 | border-color: transparent; | 49 | border-color: transparent; |
50 | background-color: fn.color(list.join($key, --disabled --bg)); | 50 | background-color: fn.color(list.join($key, --disabled --bg)); |
51 | color: fn.color(list.join($key, --disabled --label)); | 51 | color: fn.color(list.join($key, --disabled --label)); |
52 | |||
53 | @include iro.bem-modifier('outline') { | ||
54 | border-color: fn.color(list.join($key, --disabled --outline-border)); | ||
55 | background-color: transparent; | ||
56 | box-shadow: none; | ||
57 | } | ||
52 | 58 | ||
53 | @include theme(static-#{$theme}); | 59 | @include theme(static-#{$theme}); |
54 | } | 60 | } |
@@ -159,7 +165,7 @@ $static-themes: 'black' 'white'; | |||
159 | 165 | ||
160 | --disabled: ( | 166 | --disabled: ( |
161 | --bg: fn.global-color(--#{$theme}-transparent --200), | 167 | --bg: fn.global-color(--#{$theme}-transparent --200), |
162 | --outline-border: fn.global-color(--#{$theme}-transparent --100), | 168 | --outline-border: fn.global-color(--#{$theme}-transparent --300), |
163 | --label: fn.global-color(--#{$theme}-transparent --500), | 169 | --label: fn.global-color(--#{$theme}-transparent --500), |
164 | ), | 170 | ), |
165 | --hover: ( | 171 | --hover: ( |