diff options
Diffstat (limited to 'src/bem')
-rw-r--r-- | src/bem/_element.scss | 30 | ||||
-rw-r--r-- | src/bem/_modifier.scss | 18 | ||||
-rw-r--r-- | src/bem/_state.scss | 6 |
3 files changed, 36 insertions, 18 deletions
diff --git a/src/bem/_element.scss b/src/bem/_element.scss index 84e85fb..25377d6 100644 --- a/src/bem/_element.scss +++ b/src/bem/_element.scss | |||
@@ -147,10 +147,12 @@ | |||
147 | @each $name in join($name, $names) { | 147 | @each $name in join($name, $names) { |
148 | $sel: selector-append(&, vars.$element-separator + $name); | 148 | $sel: selector-append(&, vars.$element-separator + $name); |
149 | $selector: join($selector, $sel, comma); | 149 | $selector: join($selector, $sel, comma); |
150 | $parts-data: append($parts-data, ( | 150 | $parts-data: append( |
151 | $parts-data, ( | ||
151 | 'name': $name, | 152 | 'name': $name, |
152 | 'selector': $sel | 153 | 'selector': $sel |
153 | )); | 154 | ) |
155 | ); | ||
154 | } | 156 | } |
155 | } | 157 | } |
156 | 158 | ||
@@ -170,10 +172,12 @@ | |||
170 | @each $name in join($name, $names) { | 172 | @each $name in join($name, $names) { |
171 | $sel: selector-append(&, vars.$element-separator + $name); | 173 | $sel: selector-append(&, vars.$element-separator + $name); |
172 | $selector: join($selector, $sel, comma); | 174 | $selector: join($selector, $sel, comma); |
173 | $parts-data: append($parts-data, ( | 175 | $parts-data: append( |
176 | $parts-data, ( | ||
174 | 'name': $name, | 177 | 'name': $name, |
175 | 'selector': $sel | 178 | 'selector': $sel |
176 | )); | 179 | ) |
180 | ); | ||
177 | } | 181 | } |
178 | } @else { | 182 | } @else { |
179 | // | 183 | // |
@@ -191,10 +195,12 @@ | |||
191 | @each $name in join($name, $names) { | 195 | @each $name in join($name, $names) { |
192 | $sel: selector-nest(&, selector-append($block-base-selector, vars.$element-separator + $name)); | 196 | $sel: selector-nest(&, selector-append($block-base-selector, vars.$element-separator + $name)); |
193 | $selector: join($selector, $sel, comma); | 197 | $selector: join($selector, $sel, comma); |
194 | $parts-data: append($parts-data, ( | 198 | $parts-data: append( |
199 | $parts-data, ( | ||
195 | 'name': $name, | 200 | 'name': $name, |
196 | 'selector': $sel | 201 | 'selector': $sel |
197 | )); | 202 | ) |
203 | ); | ||
198 | } | 204 | } |
199 | } | 205 | } |
200 | } | 206 | } |
@@ -336,10 +342,12 @@ | |||
336 | @each $name in join($name, $names) { | 342 | @each $name in join($name, $names) { |
337 | $sel: selector-nest(&, $sign, selector-append($block-base-selector, vars.$element-separator + $name)); | 343 | $sel: selector-nest(&, $sign, selector-append($block-base-selector, vars.$element-separator + $name)); |
338 | $selector: join($selector, $sel, comma); | 344 | $selector: join($selector, $sel, comma); |
339 | $parts-data: append($parts-data, ( | 345 | $parts-data: append( |
346 | $parts-data, ( | ||
340 | 'name': $name, | 347 | 'name': $name, |
341 | 'selector': $sel | 348 | 'selector': $sel |
342 | )); | 349 | ) |
350 | ); | ||
343 | } | 351 | } |
344 | 352 | ||
345 | $context: 'element', ( | 353 | $context: 'element', ( |
@@ -562,10 +570,12 @@ | |||
562 | } | 570 | } |
563 | 571 | ||
564 | $selector: join($selector, $sel, comma); | 572 | $selector: join($selector, $sel, comma); |
565 | $parts-data: append($parts-data, ( | 573 | $parts-data: append( |
574 | $parts-data, ( | ||
566 | 'name': $part-name, | 575 | 'name': $part-name, |
567 | 'selector': $sel | 576 | 'selector': $sel |
568 | )); | 577 | ) |
578 | ); | ||
569 | } | 579 | } |
570 | 580 | ||
571 | $context: 'element', ( | 581 | $context: 'element', ( |
diff --git a/src/bem/_modifier.scss b/src/bem/_modifier.scss index be65e47..07267fe 100644 --- a/src/bem/_modifier.scss +++ b/src/bem/_modifier.scss | |||
@@ -177,10 +177,12 @@ | |||
177 | 177 | ||
178 | $sel: selector-append(&, vars.$modifier-separator + $name); | 178 | $sel: selector-append(&, vars.$modifier-separator + $name); |
179 | $selector: join($selector, $sel, comma); | 179 | $selector: join($selector, $sel, comma); |
180 | $parts-data: append($parts-data, ( | 180 | $parts-data: append( |
181 | $parts-data, ( | ||
181 | 'name': $name, | 182 | 'name': $name, |
182 | 'selector': $sel | 183 | 'selector': $sel |
183 | )); | 184 | ) |
185 | ); | ||
184 | } @else { | 186 | } @else { |
185 | // | 187 | // |
186 | // Parent context is modifier, suffix or state and $extend is false. | 188 | // Parent context is modifier, suffix or state and $extend is false. |
@@ -219,10 +221,12 @@ | |||
219 | } | 221 | } |
220 | 222 | ||
221 | $selector: join($selector, $nsel, comma); | 223 | $selector: join($selector, $nsel, comma); |
222 | $parts-data: append($parts-data, ( | 224 | $parts-data: append( |
225 | $parts-data, ( | ||
223 | 'name': $name, | 226 | 'name': $name, |
224 | 'selector': $nsel | 227 | 'selector': $nsel |
225 | )); | 228 | ) |
229 | ); | ||
226 | } @else { | 230 | } @else { |
227 | // | 231 | // |
228 | // Latest context is block. Just append the modifier part. | 232 | // Latest context is block. Just append the modifier part. |
@@ -234,10 +238,12 @@ | |||
234 | 238 | ||
235 | $sel: selector-append(&, $block-base-selector, vars.$modifier-separator + $name); | 239 | $sel: selector-append(&, $block-base-selector, vars.$modifier-separator + $name); |
236 | $selector: join($selector, $sel, comma); | 240 | $selector: join($selector, $sel, comma); |
237 | $parts-data: append($parts-data, ( | 241 | $parts-data: append( |
242 | $parts-data, ( | ||
238 | 'name': $name, | 243 | 'name': $name, |
239 | 'selector': $sel | 244 | 'selector': $sel |
240 | )); | 245 | ) |
246 | ); | ||
241 | } | 247 | } |
242 | } | 248 | } |
243 | } | 249 | } |
diff --git a/src/bem/_state.scss b/src/bem/_state.scss index 2d430bf..41bacee 100644 --- a/src/bem/_state.scss +++ b/src/bem/_state.scss | |||
@@ -91,10 +91,12 @@ | |||
91 | $sel: selector-append(&, $sel); | 91 | $sel: selector-append(&, $sel); |
92 | } | 92 | } |
93 | $selector: join($selector, $sel, comma); | 93 | $selector: join($selector, $sel, comma); |
94 | $parts-data: append($parts-data, ( | 94 | $parts-data: append( |
95 | $parts-data, ( | ||
95 | 'name': $state, | 96 | 'name': $state, |
96 | 'selector': $sel | 97 | 'selector': $sel |
97 | )); | 98 | ) |
99 | ); | ||
98 | } | 100 | } |
99 | 101 | ||
100 | $context: 'state', ( | 102 | $context: 'state', ( |