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', ( |
