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