mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-01-18 12:34:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(scss-mixin): support multiple parameters

Browse Source
This commit is contained in:
07akioni 2019-09-04 23:56:14 +08:00
parent 6be161f29e
commit 7734a19dad
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
styles/mixins/mixins.scss
View File

@ -2,7 +2,6 @@
$B: null;
$BE: null;
$BEM: null;
@mixin b($block) {
$temp-block: $B;
@ -16,18 +15,29 @@ $BEM: null;
$BE: $temp-block-element !global;
}
@mixin e($element) {
@mixin e($elements...) {
$temp-block-element: $BE;
$BE: $B + "__" + $element !global;
.#{$BE} {
@content
$BEs: '';
@each $element in $elements {
$BE: $B + "__" + $element !global;
.#{$BE} {
@content
}
}
$BE: $temp-block-element !global;
}
@mixin m($modifier) {
$BEM: $BE + '--' + $modifier;
&.#{$BEM} {
@mixin m($modifiers...) {
$BEMs: '';
@for $i from 0 to length($modifiers) {
$modifier: nth($modifiers, $i + 1);
@if $i == 0 {
$BEMs: '&.' + $BE + '--' + $modifier;
} @else {
$BEMs: $BEMs + ', &.' + $BE + '--' + $modifier;
}
}
#{$BEMs} {
@content
}
}