summaryrefslogtreecommitdiffstats
path: root/src/objects/_action-button.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_action-button.scss')
-rw-r--r--src/objects/_action-button.scss14
1 files changed, 8 insertions, 6 deletions
diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss
index cfd859c..48ac2a6 100644
--- a/src/objects/_action-button.scss
+++ b/src/objects/_action-button.scss
@@ -4,9 +4,10 @@
4@include iro.props-namespace('action-button') { 4@include iro.props-namespace('action-button') {
5 @include iro.props-store(( 5 @include iro.props-store((
6 --dims: ( 6 --dims: (
7 --pad-x: fn.global-dim(--size --125), 7 --line-height: 1.4,
8 --pad-y: fn.global-dim(--size --125), 8 --pad-x: fn.global-dim(--size --100),
9 --rounding: 3px, 9 --pad-y: fn.global-dim(--size --85),
10 --rounding: 3px,
10 ), 11 ),
11 ), 'dims'); 12 ), 'dims');
12 13
@@ -80,7 +81,7 @@
80 border-radius: fn.dim(--rounding); 81 border-radius: fn.dim(--rounding);
81 background-color: fn.color(--disabled --bg); 82 background-color: fn.color(--disabled --bg);
82 color: fn.color(--disabled --label); 83 color: fn.color(--disabled --label);
83 line-height: 1; 84 line-height: fn.dim(--line-height);
84 text-align: center; 85 text-align: center;
85 text-decoration: none; 86 text-decoration: none;
86 text-overflow: ellipsis; 87 text-overflow: ellipsis;
@@ -212,8 +213,9 @@
212 } 213 }
213 214
214 @include iro.bem-modifier('round') { 215 @include iro.bem-modifier('round') {
215 padding-right: fn.dim(--pad-y); 216 width: calc(1em * fn.dim(--line-height) + 2 * fn.dim(--pad-y));
216 padding-left: fn.dim(--pad-y); 217 padding-right: 0;
218 padding-left: 0;
217 border-radius: 100em; 219 border-radius: 100em;
218 } 220 }
219 } 221 }