diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/objects/_checkbox.scss | 9 | ||||
-rw-r--r-- | src/objects/_radio.scss | 9 | ||||
-rw-r--r-- | src/objects/_switch.scss | 9 |
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 { |