SCSS相关

提交的代码中不要有 @debug；

声明顺序：

• @extend
• 不包含 @content 的 @include
• 包含 @content 的 @include
• 自身属性
• 嵌套规则

@import 引入的文件不需要开头的_和结尾的.scss；

嵌套最多不能超过 5 层；

@extend 中使用 placeholder 选择器；

去掉不必要的父级引用符号&。

示例代码：

/* not good */
@import "_dialog.scss";


/* good */
@import "dialog";


/* not good */
.fatal {
    @extend .error;
}


/* good */
.fatal {
    @extend %error;
}


/* not good */
.element {
    & > .dialog {
        ...
    }
}


/* good */
.element {
    > .dialog {
        ...
    }
}