diff options
| author | Volpeon <git@volpeon.ink> | 2022-03-28 20:25:21 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-03-28 20:25:21 +0200 |
| commit | 511a47c8964c43927563ee88b62b3f215bf9b7d1 (patch) | |
| tree | 108bbc0139ede490a2038a2f6c96467f62666346 /src/objects/_switch.scss | |
| parent | Improved bubble (diff) | |
| download | iro-design-511a47c8964c43927563ee88b62b3f215bf9b7d1.tar.gz iro-design-511a47c8964c43927563ee88b62b3f215bf9b7d1.tar.bz2 iro-design-511a47c8964c43927563ee88b62b3f215bf9b7d1.zip | |
Update
Diffstat (limited to 'src/objects/_switch.scss')
| -rw-r--r-- | src/objects/_switch.scss | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss index a818bde..ad39115 100644 --- a/src/objects/_switch.scss +++ b/src/objects/_switch.scss | |||
| @@ -4,12 +4,12 @@ | |||
| 4 | @include iro.props-namespace('switch') { | 4 | @include iro.props-namespace('switch') { |
| 5 | @include iro.props-store(( | 5 | @include iro.props-store(( |
| 6 | --dims: ( | 6 | --dims: ( |
| 7 | --width: fn.global-dim(--size --325), | 7 | --width: fn.global-dim(--size --325), |
| 8 | --height: calc(fn.global-dim(--size --175) + 1px), | 8 | --height: calc(fn.global-dim(--size --175) + 1px), |
| 9 | --label-gap: fn.global-dim(--size --125), | 9 | --label-gap: fn.global-dim(--size --125), |
| 10 | --border-width: fn.global-dim(--border-width --medium), | 10 | --border: fn.global-dim(--border --medium), |
| 11 | --pad-x: fn.global-dim(--size --65), | 11 | --pad-x: fn.global-dim(--size --65), |
| 12 | --pad-y: fn.global-dim(--size --65), | 12 | --pad-y: fn.global-dim(--size --65), |
| 13 | ), | 13 | ), |
| 14 | ), 'dims'); | 14 | ), 'dims'); |
| 15 | 15 | ||
| @@ -67,10 +67,10 @@ | |||
| 67 | &::after { | 67 | &::after { |
| 68 | content: ''; | 68 | content: ''; |
| 69 | display: block; | 69 | display: block; |
| 70 | width: calc(fn.dim(--height) - 2 * fn.dim(--border-width)); | 70 | width: calc(fn.dim(--height) - 2 * fn.dim(--border)); |
| 71 | height: calc(fn.dim(--height) - 2 * fn.dim(--border-width)); | 71 | height: calc(fn.dim(--height) - 2 * fn.dim(--border)); |
| 72 | transition: transform .2s ease; | 72 | transition: transform .2s ease; |
| 73 | border: fn.dim(--border-width) solid fn.color(--handle-border); | 73 | border: fn.dim(--border) solid fn.color(--handle-border); |
| 74 | border-radius: fn.dim(--width); | 74 | border-radius: fn.dim(--width); |
| 75 | background-color: fn.color(--handle-bg); | 75 | background-color: fn.color(--handle-bg); |
| 76 | } | 76 | } |