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: ( |