summaryrefslogtreecommitdiffstats
path: root/src/objects/_checkbox.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-06 17:30:31 +0100
committerVolpeon <git@volpeon.ink>2022-02-06 17:30:31 +0100
commit953843dea745ef5e064acd589742a49cb7a7ea54 (patch)
tree955b91ce90787e792abd52c3eef8ab046bd30623 /src/objects/_checkbox.scss
parentSeparate function for global props (diff)
downloadiro-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.scss10
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;