文章目录

在给ATOM装上linter-sass-lint之后,校验了下虽然木有错但是出现了很多的警告信息。
分类下具体包含以下几种

1
2
3
4
5
6
7
8
9
10
11
Warning	sass-lint	quotes Strings must use single quotes	1:9
Warning sass-lint indentation Mixed tabs and spaces 6:2
Warning sass-lint class-name-format Class '.content_wrap' should be written in lowercase with hyphens 10:3
Warning sass-lint force-element-nesting Type-selector should be nested within its parent Pseudo-class 18:4
Warning sass-lint force-element-nesting Class should be nested within its parent Class 24:4
Warning sass-lint force-pseudo-nesting Pseudo-class should be nested within its parent Type-selector 18:4
Warning sass-lint force-pseudo-nesting Pseudo-class should be nested within its parent Class 64:4
Warning sass-lint property-sort-order Expected `margin-bottom`, found `padding` 34:3
Warning sass-lint no-color-literals Color literals such as '#e6e6e6' should only be used in variable declarations 43:21
Warning sass-lint extends-before-declarations Extends should come before declarations 71:4
Warning sass-lint border-zero A value of `none` is not allowed. `0` must be used. 135:13

针对每一种类型查看警告说明结果如下
文件引入默认使用单引号
缩进不能混合tab和空格(默认两个空格)
类名格式默认用连字符链接的纯小写字母
强制元素嵌套
强制伪类嵌套
属性排序(默认用字母排序)
无颜色字面量(默认统一使用变量)
继承放到第一个
默认无边框设置border:0;

文章目录