diff options
author | Volpeon <git@volpeon.ink> | 2022-02-07 10:56:11 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-02-07 10:56:11 +0100 |
commit | cad79b949b060cd360582c2d208b37a51578e778 (patch) | |
tree | a32f05975ce6b0c557a2c9b7d57772ad0e18e40e /src/objects/_button.scss | |
parent | Added status indicator and avatar (diff) | |
download | iro-design-cad79b949b060cd360582c2d208b37a51578e778.tar.gz iro-design-cad79b949b060cd360582c2d208b37a51578e778.tar.bz2 iro-design-cad79b949b060cd360582c2d208b37a51578e778.zip |
Improved font handling
Diffstat (limited to 'src/objects/_button.scss')
-rw-r--r-- | src/objects/_button.scss | 5 |
1 files changed, 1 insertions, 4 deletions
diff --git a/src/objects/_button.scss b/src/objects/_button.scss index f158176..6f69ee8 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss | |||
@@ -1,7 +1,5 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | 1 | @use 'iro-sass/src/index' as iro; |
2 | @use '../functions' as fn; | 2 | @use '../functions' as fn; |
3 | @use '../vars'; | ||
4 | @use '../mixins/typography'; | ||
5 | 3 | ||
6 | @mixin button-variant($variant) { | 4 | @mixin button-variant($variant) { |
7 | border-color: fn.color(--#{$variant} --bg); | 5 | border-color: fn.color(--#{$variant} --bg); |
@@ -111,12 +109,11 @@ | |||
111 | ), 'colors'); | 109 | ), 'colors'); |
112 | 110 | ||
113 | @include iro.bem-object(iro.props-namespace()) { | 111 | @include iro.bem-object(iro.props-namespace()) { |
114 | @include typography.set-font(vars.$font--main, (weight: 500)); | ||
115 | |||
116 | display: inline-block; | 112 | display: inline-block; |
117 | padding: fn.dim(--pad-y) fn.dim(--pad-x); | 113 | padding: fn.dim(--pad-y) fn.dim(--pad-x); |
118 | border: 2px solid transparent; | 114 | border: 2px solid transparent; |
119 | border-radius: fn.dim(--rounding); | 115 | border-radius: fn.dim(--rounding); |
116 | font-weight: 500; | ||
120 | line-height: 1; | 117 | line-height: 1; |
121 | text-align: center; | 118 | text-align: center; |
122 | text-decoration: none; | 119 | text-decoration: none; |