summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-04-23 17:07:37 +0200
committerVolpeon <git@volpeon.ink>2024-04-23 17:07:37 +0200
commit3231a198468ba0ab0ac5ebf9a4f7b1a6753b3a31 (patch)
tree2ee75957a37466ce43994276920a9942f9563721
parentUpdate (diff)
downloadiro-design-3231a198468ba0ab0ac5ebf9a4f7b1a6753b3a31.tar.gz
iro-design-3231a198468ba0ab0ac5ebf9a4f7b1a6753b3a31.tar.bz2
iro-design-3231a198468ba0ab0ac5ebf9a4f7b1a6753b3a31.zip
Update
-rw-r--r--src/objects/_button.scss9
-rw-r--r--src/objects/_icon.scss5
2 files changed, 11 insertions, 3 deletions
diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index ee895a3..b830475 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -46,6 +46,11 @@
46 --pad-x: fn.global-dim(--size --225), 46 --pad-x: fn.global-dim(--size --225),
47 --pad-y: fn.global-dim(--size --100), 47 --pad-y: fn.global-dim(--size --100),
48 --rounding: 10em, 48 --rounding: 10em,
49
50 --lg: (
51 --pad-x: fn.global-dim(--size --300),
52 --pad-y: fn.global-dim(--size --150),
53 ),
49 ), 54 ),
50 ), 'dims'); 55 ), 'dims');
51 56
@@ -141,6 +146,10 @@
141 background-color: transparent; 146 background-color: transparent;
142 box-shadow: none; 147 box-shadow: none;
143 } 148 }
149
150 @include iro.bem-modifier('lg') {
151 padding: fn.dim(--lg --pad-y) fn.dim(--lg --pad-x);
152 }
144 153
145 @include button-variant('secondary'); 154 @include button-variant('secondary');
146 155
diff --git a/src/objects/_icon.scss b/src/objects/_icon.scss
index c045056..0522d4b 100644
--- a/src/objects/_icon.scss
+++ b/src/objects/_icon.scss
@@ -6,7 +6,7 @@
6 --dims: ( 6 --dims: (
7 --stroke: 1.5px, 7 --stroke: 1.5px,
8 --size: calc(1 / 14 * 16em), 8 --size: calc(1 / 14 * 16em),
9 --vmargin: calc((1em - fn.dim(--size, null)) * .5), 9 --margin: calc((1em - fn.dim(--size, null)) * .5),
10 --valign: -.14em, 10 --valign: -.14em,
11 ) 11 )
12 ), 'dims'); 12 ), 'dims');
@@ -15,8 +15,7 @@
15 display: inline; 15 display: inline;
16 width: fn.dim(--size); 16 width: fn.dim(--size);
17 height: fn.dim(--size); 17 height: fn.dim(--size);
18 margin-top: fn.dim(--vmargin); 18 margin: fn.dim(--margin);
19 margin-bottom: fn.dim(--vmargin);
20 stroke-width: fn.dim(--stroke); 19 stroke-width: fn.dim(--stroke);
21 stroke-linecap: round; 20 stroke-linecap: round;
22 stroke-linejoin: round; 21 stroke-linejoin: round;