summaryrefslogtreecommitdiffstats
path: root/src/objects/_button.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_button.scss')
-rw-r--r--src/objects/_button.scss26
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