summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/objects/_checkbox.scss9
-rw-r--r--src/objects/_radio.scss9
-rw-r--r--src/objects/_switch.scss9
3 files changed, 21 insertions, 6 deletions
diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss
index f5c599b..412efda 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -9,7 +9,6 @@
9 --border-width: fn.global-dim(--border-width --medium), 9 --border-width: fn.global-dim(--border-width --medium),
10 --pad-x: fn.global-dim(--size --65), 10 --pad-x: fn.global-dim(--size --65),
11 --pad-y: fn.global-dim(--size --65), 11 --pad-y: fn.global-dim(--size --65),
12 --margin-right: fn.global-dim(--size --325),
13 ), 12 ),
14 ), 'dims'); 13 ), 'dims');
15 14
@@ -46,7 +45,7 @@
46 display: inline-flex; 45 display: inline-flex;
47 position: relative; 46 position: relative;
48 align-items: flex-start; 47 align-items: flex-start;
49 margin-right: calc(-1 * fn.dim(--pad-x) + fn.dim(--margin-right)); 48 margin-right: calc(-1 * fn.dim(--pad-x));
50 margin-left: calc(-1 * fn.dim(--pad-x)); 49 margin-left: calc(-1 * fn.dim(--pad-x));
51 padding: fn.dim(--pad-y) fn.dim(--pad-x); 50 padding: fn.dim(--pad-y) fn.dim(--pad-x);
52 51
@@ -190,6 +189,12 @@
190 } 189 }
191 } 190 }
192 191
192 @include iro.bem-modifier('standalone') {
193 @include iro.bem-elem('box') {
194 margin-top: 0;
195 }
196 }
197
193 @include iro.bem-modifier('accent') { 198 @include iro.bem-modifier('accent') {
194 @include iro.bem-elem('native') { 199 @include iro.bem-elem('native') {
195 &:checked { 200 &:checked {
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss
index 9482c5b..c740833 100644
--- a/src/objects/_radio.scss
+++ b/src/objects/_radio.scss
@@ -9,7 +9,6 @@
9 --border-width: fn.global-dim(--border-width --medium), 9 --border-width: fn.global-dim(--border-width --medium),
10 --pad-x: fn.global-dim(--size --65), 10 --pad-x: fn.global-dim(--size --65),
11 --pad-y: fn.global-dim(--size --65), 11 --pad-y: fn.global-dim(--size --65),
12 --margin-right: fn.global-dim(--size --325),
13 ), 12 ),
14 ), 'dims'); 13 ), 'dims');
15 14
@@ -46,7 +45,7 @@
46 display: inline-flex; 45 display: inline-flex;
47 position: relative; 46 position: relative;
48 align-items: flex-start; 47 align-items: flex-start;
49 margin-right: calc(-1 * fn.dim(--pad-x) + fn.dim(--margin-right)); 48 margin-right: calc(-1 * fn.dim(--pad-x));
50 margin-left: calc(-1 * fn.dim(--pad-x)); 49 margin-left: calc(-1 * fn.dim(--pad-x));
51 padding: fn.dim(--pad-y) fn.dim(--pad-x); 50 padding: fn.dim(--pad-y) fn.dim(--pad-x);
52 51
@@ -136,6 +135,12 @@
136 } 135 }
137 } 136 }
138 137
138 @include iro.bem-modifier('standalone') {
139 @include iro.bem-elem('circle') {
140 margin-top: 0;
141 }
142 }
143
139 @include iro.bem-modifier('accent') { 144 @include iro.bem-modifier('accent') {
140 @include iro.bem-elem('native') { 145 @include iro.bem-elem('native') {
141 &:checked { 146 &:checked {
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index 447335e..a818bde 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -10,7 +10,6 @@
10 --border-width: fn.global-dim(--border-width --medium), 10 --border-width: fn.global-dim(--border-width --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 --margin-right: fn.global-dim(--size --325),
14 ), 13 ),
15 ), 'dims'); 14 ), 'dims');
16 15
@@ -50,7 +49,7 @@
50 display: inline-flex; 49 display: inline-flex;
51 position: relative; 50 position: relative;
52 align-items: flex-start; 51 align-items: flex-start;
53 margin-right: calc(-1 * fn.dim(--pad-x) + fn.dim(--margin-right)); 52 margin-right: calc(-1 * fn.dim(--pad-x));
54 margin-left: calc(-1 * fn.dim(--pad-x)); 53 margin-left: calc(-1 * fn.dim(--pad-x));
55 padding: fn.dim(--pad-y) fn.dim(--pad-x); 54 padding: fn.dim(--pad-y) fn.dim(--pad-x);
56 55
@@ -173,6 +172,12 @@
173 } 172 }
174 } 173 }
175 174
175 @include iro.bem-modifier('standalone') {
176 @include iro.bem-elem('indicator') {
177 margin-top: 0;
178 }
179 }
180
176 @include iro.bem-modifier('accent') { 181 @include iro.bem-modifier('accent') {
177 @include iro.bem-elem('native') { 182 @include iro.bem-elem('native') {
178 &:checked { 183 &:checked {