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/_switch.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/_switch.scss')
| -rw-r--r-- | src/objects/_switch.scss | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss index 2d70844..9911b73 100644 --- a/src/objects/_switch.scss +++ b/src/objects/_switch.scss | |||
| @@ -5,7 +5,7 @@ | |||
| 5 | @include iro.props-store(( | 5 | @include iro.props-store(( |
| 6 | --dims: ( | 6 | --dims: ( |
| 7 | --width: iro.fn-px-to-rem(26px), | 7 | --width: iro.fn-px-to-rem(26px), |
| 8 | --height: iro.fn-px-to-rem(15px), | 8 | --height: iro.fn-px-to-rem(14px), |
| 9 | --label-gap: .6rem, | 9 | --label-gap: .6rem, |
| 10 | --border-width: fn.global-dim(--border-width --medium), | 10 | --border-width: fn.global-dim(--border-width --medium), |
| 11 | --pad-x: .3rem, | 11 | --pad-x: .3rem, |
| @@ -61,7 +61,7 @@ | |||
| 61 | flex: 0 0 auto; | 61 | flex: 0 0 auto; |
| 62 | width: fn.dim(--width); | 62 | width: fn.dim(--width); |
| 63 | height: fn.dim(--height); | 63 | height: fn.dim(--height); |
| 64 | margin-top: calc(.5 * ($line-height * 1em - fn.dim(--height))); | 64 | margin-top: calc(.5 * (fn.global-dim(--font --standard --line-height) * 1em - fn.dim(--height))); |
| 65 | transition: background-color .2s ease; | 65 | transition: background-color .2s ease; |
| 66 | border-radius: 2em; | 66 | border-radius: 2em; |
| 67 | background-color: fn.color(--track-bg); | 67 | background-color: fn.color(--track-bg); |