diff options
author | Volpeon <git@volpeon.ink> | 2024-06-26 09:19:02 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-06-26 09:19:02 +0200 |
commit | 4e87fb46f2958ae28bdcfbc469118f14297b4d26 (patch) | |
tree | 4b1a6c99a5e2273487eb3cff9db5c60007241d20 /src/objects/_button.scss | |
parent | Action button styling (diff) | |
download | iro-design-4e87fb46f2958ae28bdcfbc469118f14297b4d26.tar.gz iro-design-4e87fb46f2958ae28bdcfbc469118f14297b4d26.tar.bz2 iro-design-4e87fb46f2958ae28bdcfbc469118f14297b4d26.zip |
Pill version for action button
Diffstat (limited to 'src/objects/_button.scss')
-rw-r--r-- | src/objects/_button.scss | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/src/objects/_button.scss b/src/objects/_button.scss index 1c907c0..27d3726 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss | |||
@@ -2,6 +2,7 @@ | |||
2 | @use 'iro-sass/src/index' as iro; | 2 | @use 'iro-sass/src/index' as iro; |
3 | @use '../functions' as fn; | 3 | @use '../functions' as fn; |
4 | 4 | ||
5 | $sizes: 'sm' 'lg' 'xl' !default; | ||
5 | $themes: 'accent' 'negative' !default; | 6 | $themes: 'accent' 'negative' !default; |
6 | $static-themes: 'black' 'white' !default; | 7 | $static-themes: 'black' 'white' !default; |
7 | 8 | ||
@@ -54,7 +55,6 @@ $static-themes: 'black' 'white' !default; | |||
54 | @include iro.bem-modifier('outline') { | 55 | @include iro.bem-modifier('outline') { |
55 | border-color: fn.color(list.join($key, --disabled --outline-border)); | 56 | border-color: fn.color(list.join($key, --disabled --outline-border)); |
56 | background-color: transparent; | 57 | background-color: transparent; |
57 | box-shadow: none; | ||
58 | } | 58 | } |
59 | 59 | ||
60 | @include theme(static-#{$theme}); | 60 | @include theme(static-#{$theme}); |
@@ -255,10 +255,9 @@ $static-themes: 'black' 'white' !default; | |||
255 | @include iro.bem-modifier('outline') { | 255 | @include iro.bem-modifier('outline') { |
256 | border-color: fn.color(--disabled --outline-border); | 256 | border-color: fn.color(--disabled --outline-border); |
257 | background-color: transparent; | 257 | background-color: transparent; |
258 | box-shadow: none; | ||
259 | } | 258 | } |
260 | 259 | ||
261 | @each $size in sm lg xl { | 260 | @each $size in $sizes { |
262 | @include iro.bem-modifier($size) { | 261 | @include iro.bem-modifier($size) { |
263 | padding-block: fn.dim(--#{$size} --pad-b); | 262 | padding-block: fn.dim(--#{$size} --pad-b); |
264 | padding-inline: fn.dim(--#{$size} --pad-i); | 263 | padding-inline: fn.dim(--#{$size} --pad-i); |