You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
848 B
SCSS
51 lines
848 B
SCSS
8 months ago
|
// 声明块
|
||
|
@mixin b($block) {
|
||
|
$B: $namespace + '-' + $block !global;
|
||
|
|
||
|
.#{$B} {
|
||
|
@content;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// 声明元素
|
||
|
@mixin e($element) {
|
||
|
$E: $element !global;
|
||
|
$selector: &;
|
||
|
$currentSelector: '';
|
||
|
|
||
|
@each $unit in $element {
|
||
|
$currentSelector: #{$currentSelector + '.' + $B + $element-separator + $unit + ','}
|
||
|
}
|
||
|
|
||
|
@if hitAllSpecialNestRule($selector) {
|
||
|
@at-root {
|
||
|
#{$selector} {
|
||
|
#{$currentSelector} {
|
||
|
@content;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
} @else {
|
||
|
@at-root {
|
||
|
#{$currentSelector} {
|
||
|
@content;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// 声明修饰符
|
||
|
@mixin m($modifier) {
|
||
|
$selector: &;
|
||
|
$currentSelector: '';
|
||
|
|
||
|
@each $unit in $modifier {
|
||
|
$currentSelector: #{$currentSelector + $selector + $modifier-separator + $unit + ','}
|
||
|
}
|
||
|
|
||
|
@at-root {
|
||
|
#{$currentSelector} {
|
||
|
@content;
|
||
|
}
|
||
|
}
|
||
|
}
|