diff options
Diffstat (limited to 'src/objects/_action-button.scss')
-rw-r--r-- | src/objects/_action-button.scss | 14 |
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 | } |