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.scss16
1 files changed, 9 insertions, 7 deletions
diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index b830475..7cc24fa 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -43,13 +43,14 @@
43@include iro.props-namespace('button') { 43@include iro.props-namespace('button') {
44 @include iro.props-store(( 44 @include iro.props-store((
45 --dims: ( 45 --dims: (
46 --pad-x: fn.global-dim(--size --225), 46 --line-height: 1.4,
47 --pad-y: fn.global-dim(--size --100), 47 --pad-x: fn.global-dim(--size --225),
48 --rounding: 10em, 48 --pad-y: fn.global-dim(--size --65),
49 --rounding: 10em,
49 50
50 --lg: ( 51 --lg: (
51 --pad-x: fn.global-dim(--size --300), 52 --pad-x: fn.global-dim(--size --300),
52 --pad-y: fn.global-dim(--size --150), 53 --pad-y: fn.global-dim(--size --100),
53 ), 54 ),
54 ), 55 ),
55 ), 'dims'); 56 ), 'dims');
@@ -133,7 +134,7 @@
133 box-shadow: fn.color(--any --disabled --shadow); 134 box-shadow: fn.color(--any --disabled --shadow);
134 color: fn.color(--any --disabled --label); 135 color: fn.color(--any --disabled --label);
135 font-weight: 500; 136 font-weight: 500;
136 line-height: 1; 137 line-height: fn.dim(--line-height);
137 text-align: center; 138 text-align: center;
138 text-decoration: none; 139 text-decoration: none;
139 vertical-align: top; 140 vertical-align: top;
@@ -169,8 +170,9 @@
169 } 170 }
170 171
171 @include iro.bem-modifier('round') { 172 @include iro.bem-modifier('round') {
172 padding-right: fn.dim(--pad-y); 173 width: calc(1em * fn.dim(--line-height) + 2 * fn.dim(--pad-y));
173 padding-left: fn.dim(--pad-y); 174 padding-right: 0;
175 padding-left: 0;
174 border-radius: 100em; 176 border-radius: 100em;
175 } 177 }
176 } 178 }