diff options
Diffstat (limited to 'src/objects/_button.scss')
-rw-r--r-- | src/objects/_button.scss | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/src/objects/_button.scss b/src/objects/_button.scss index 6ae8312..57c49e8 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss | |||
@@ -4,31 +4,31 @@ | |||
4 | @use '../mixins/typography'; | 4 | @use '../mixins/typography'; |
5 | 5 | ||
6 | @mixin button-variant($variant) { | 6 | @mixin button-variant($variant) { |
7 | border-color: fn.color((--#{$variant}, --bg)); | 7 | border-color: fn.color(--#{$variant} --bg); |
8 | background-color: fn.color((--#{$variant}, --bg)); | 8 | background-color: fn.color(--#{$variant} --bg); |
9 | box-shadow: fn.color((--#{$variant}, --shadow)); | 9 | box-shadow: fn.color(--#{$variant} --shadow); |
10 | color: fn.color((--#{$variant}, --label)); | 10 | color: fn.color(--#{$variant} --label); |
11 | 11 | ||
12 | @include iro.bem-multi('&:link, &:visited', 'modifier' 'native') { | 12 | @include iro.bem-multi('&:link, &:visited', 'modifier' 'native') { |
13 | &:hover { | 13 | &:hover { |
14 | border-color: fn.color((--#{$variant}, --hover, --bg)); | 14 | border-color: fn.color(--#{$variant} --hover --bg); |
15 | background-color: fn.color((--#{$variant}, --hover, --bg)); | 15 | background-color: fn.color(--#{$variant} --hover --bg); |
16 | box-shadow: fn.color((--#{$variant}, --hover, --shadow)); | 16 | box-shadow: fn.color(--#{$variant} --hover --shadow); |
17 | color: fn.color((--#{$variant}, --hover, --label)); | 17 | color: fn.color(--#{$variant} --hover --label); |
18 | } | 18 | } |
19 | 19 | ||
20 | &:active { | 20 | &:active { |
21 | border-color: fn.color((--#{$variant}, --active, --bg)); | 21 | border-color: fn.color(--#{$variant} --active --bg); |
22 | background-color: fn.color((--#{$variant}, --active, --bg)); | 22 | background-color: fn.color(--#{$variant} --active --bg); |
23 | box-shadow: fn.color((--#{$variant}, --active, --shadow)); | 23 | box-shadow: fn.color(--#{$variant} --active --shadow); |
24 | color: fn.color((--#{$variant}, --active, --label)); | 24 | color: fn.color(--#{$variant} --active --label); |
25 | } | 25 | } |
26 | } | 26 | } |
27 | 27 | ||
28 | @include iro.bem-modifier('outline') { | 28 | @include iro.bem-modifier('outline') { |
29 | background-color: transparent; | 29 | background-color: transparent; |
30 | box-shadow: none; | 30 | box-shadow: none; |
31 | color: fn.color((--#{$variant}, --outline-label)); | 31 | color: fn.color(--#{$variant} --outline-label); |
32 | } | 32 | } |
33 | } | 33 | } |
34 | 34 | ||