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/_radio.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/_radio.scss')
-rw-r--r-- | src/objects/_radio.scss | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss index 26e8c31..442034b 100644 --- a/src/objects/_radio.scss +++ b/src/objects/_radio.scss | |||
@@ -4,11 +4,11 @@ | |||
4 | @include iro.props-namespace('radio') { | 4 | @include iro.props-namespace('radio') { |
5 | @include iro.props-store(( | 5 | @include iro.props-store(( |
6 | --dims: ( | 6 | --dims: ( |
7 | --diameter: iro.fn-px-to-rem(15px), | 7 | --diameter: iro.fn-px-to-rem(14px), |
8 | --label-gap: .6rem, | 8 | --label-gap: .6rem, |
9 | --border-width: fn.global-dim(--border-width --medium), | 9 | --border-width: fn.global-dim(--border-width --medium), |
10 | --pad-x: .3rem, | 10 | --pad-x: .3rem, |
11 | --pad-y: .3rem, | 11 | --pad-y: .3rem, |
12 | --margin-right: fn.global-dim(--spacing --x --md), | 12 | --margin-right: fn.global-dim(--spacing --x --md), |
13 | ), | 13 | ), |
14 | ), 'dims'); | 14 | ), 'dims'); |
@@ -57,7 +57,7 @@ | |||
57 | flex: 0 0 auto; | 57 | flex: 0 0 auto; |
58 | width: fn.dim(--diameter); | 58 | width: fn.dim(--diameter); |
59 | height: fn.dim(--diameter); | 59 | height: fn.dim(--diameter); |
60 | margin-top: calc(.5 * ($line-height * 1em - fn.dim(--diameter))); | 60 | margin-top: calc(.5 * (fn.global-dim(--font --standard --line-height) * 1em - fn.dim(--diameter))); |
61 | border-radius: 2em; | 61 | border-radius: 2em; |
62 | background-color: fn.color(--circle-border); | 62 | background-color: fn.color(--circle-border); |
63 | 63 | ||