diff options
author | Volpeon <git@volpeon.ink> | 2022-02-06 17:30:31 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-02-06 17:30:31 +0100 |
commit | 953843dea745ef5e064acd589742a49cb7a7ea54 (patch) | |
tree | 955b91ce90787e792abd52c3eef8ab046bd30623 /src/objects/_checkbox.scss | |
parent | Separate function for global props (diff) | |
download | iro-design-953843dea745ef5e064acd589742a49cb7a7ea54.tar.gz iro-design-953843dea745ef5e064acd589742a49cb7a7ea54.tar.bz2 iro-design-953843dea745ef5e064acd589742a49cb7a7ea54.zip |
Cleanup
Diffstat (limited to 'src/objects/_checkbox.scss')
-rw-r--r-- | src/objects/_checkbox.scss | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss index b56336a..11836e1 100644 --- a/src/objects/_checkbox.scss +++ b/src/objects/_checkbox.scss | |||
@@ -46,8 +46,8 @@ | |||
46 | display: inline-flex; | 46 | display: inline-flex; |
47 | position: relative; | 47 | position: relative; |
48 | align-items: flex-start; | 48 | align-items: flex-start; |
49 | margin-right: calc(-1 * #{fn.dim(--padding-x)} + #{fn.dim(--margin-right)}); | 49 | margin-right: calc(-1 * fn.dim(--padding-x) + fn.dim(--margin-right)); |
50 | margin-left: calc(-1 * #{fn.dim(--padding-x)}); | 50 | margin-left: calc(-1 * fn.dim(--padding-x)); |
51 | padding: fn.dim(--padding-y) fn.dim(--padding-x); // sass-lint:disable-line shorthand-values | 51 | padding: fn.dim(--padding-y) fn.dim(--padding-x); // sass-lint:disable-line shorthand-values |
52 | 52 | ||
53 | @include iro.bem-elem('box') { | 53 | @include iro.bem-elem('box') { |
@@ -56,7 +56,7 @@ | |||
56 | flex: 0 0 auto; | 56 | flex: 0 0 auto; |
57 | width: fn.dim(--size); | 57 | width: fn.dim(--size); |
58 | height: fn.dim(--size); | 58 | height: fn.dim(--size); |
59 | margin-top: calc(.5 * (#{$line-height * 1em} - #{fn.dim(--size)})); | 59 | margin-top: calc(.5 * ($line-height * 1em - fn.dim(--size))); |
60 | border-radius: fn.dim(--border-width); | 60 | border-radius: fn.dim(--border-width); |
61 | background-color: fn.color(--box-border); | 61 | background-color: fn.color(--box-border); |
62 | 62 | ||
@@ -79,8 +79,8 @@ | |||
79 | 79 | ||
80 | &::after { | 80 | &::after { |
81 | z-index: 3; | 81 | z-index: 3; |
82 | top: calc(.5 * #{fn.dim(--size)} - 1px); | 82 | top: calc(.5 * fn.dim(--size) - 1px); |
83 | left: calc(1.5 * #{fn.dim(--border-width)}); | 83 | left: calc(1.5 * fn.dim(--border-width)); |
84 | box-sizing: border-box; | 84 | box-sizing: border-box; |
85 | width: calc(fn.dim(--size) - 3 * fn.dim(--border-width)); | 85 | width: calc(fn.dim(--size) - 3 * fn.dim(--border-width)); |
86 | height: 0; | 86 | height: 0; |