diff options
| author | Volpeon <git@volpeon.ink> | 2022-02-06 20:23:11 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-02-06 20:23:11 +0100 |
| commit | 9691ccf48f64dd0fac669ae51943907cc8da9b78 (patch) | |
| tree | 01fa18eee29ec1266bbe3d276a8dac6f54390f16 /src/objects/_switch.scss | |
| parent | Fixes (diff) | |
| download | iro-design-9691ccf48f64dd0fac669ae51943907cc8da9b78.tar.gz iro-design-9691ccf48f64dd0fac669ae51943907cc8da9b78.tar.bz2 iro-design-9691ccf48f64dd0fac669ae51943907cc8da9b78.zip | |
Added status indicator and avatar
Diffstat (limited to 'src/objects/_switch.scss')
| -rw-r--r-- | src/objects/_switch.scss | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss index 85aa782..2d70844 100644 --- a/src/objects/_switch.scss +++ b/src/objects/_switch.scss | |||
| @@ -8,8 +8,8 @@ | |||
| 8 | --height: iro.fn-px-to-rem(15px), | 8 | --height: iro.fn-px-to-rem(15px), |
| 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 | --padding-x: .3rem, | 11 | --pad-x: .3rem, |
| 12 | --padding-y: .3rem, | 12 | --pad-y: .3rem, |
| 13 | --margin-right: fn.global-dim(--spacing --x --md), | 13 | --margin-right: fn.global-dim(--spacing --x --md), |
| 14 | ), | 14 | ), |
| 15 | ), 'dims'); | 15 | ), 'dims'); |
| @@ -50,9 +50,9 @@ | |||
| 50 | display: inline-flex; | 50 | display: inline-flex; |
| 51 | position: relative; | 51 | position: relative; |
| 52 | align-items: flex-start; | 52 | align-items: flex-start; |
| 53 | margin-right: calc(-1 * fn.dim(--padding-x) + fn.dim(--margin-right)); | 53 | margin-right: calc(-1 * fn.dim(--pad-x) + fn.dim(--margin-right)); |
| 54 | margin-left: calc(-1 * fn.dim(--padding-x)); | 54 | margin-left: calc(-1 * fn.dim(--pad-x)); |
| 55 | padding: fn.dim(--padding-y) fn.dim(--padding-x); | 55 | padding: fn.dim(--pad-y) fn.dim(--pad-x); |
| 56 | 56 | ||
| 57 | @include iro.bem-elem('indicator') { | 57 | @include iro.bem-elem('indicator') { |
| 58 | display: block; | 58 | display: block; |
