上一篇文章主要讲了stylelint的简单实用，这里续了一片关于规则什么的详细点的文。
这篇文章主要是对stylelint的构造和规则，根据官网的英文文档， 我花了点时间进行了简单的翻译工作，把主要的意思大概写了一下，算是一篇笔记吧。具体的规则方面有些我就直接用有道翻译的，因为量太大了，我自己主要翻译的就是前半段，加上规则的部分内容，有道翻译的没翻译好的，我顺道给改了改。自己写的demo还没有完善好，等找时间，我完善之后上传下。
其实吧，这个stylelint用起来基本上跟eslint差不多，也可以跟gulp一块用，这个方面我还没有开始研究，可能明天或者后天会进行研究。然后后续也可能再补上一篇文。感觉时间好不够用，这一天研究研究，就过去了。好希望一天是240小时。大家看这篇文章要是有啥不懂的可以去官网查看查看，其实里面有不少内容我自己也没有弄清楚呢，还有待研究，大家要是有兴趣的可以跟我一起讨论讨论。
stylelint configuration(构造)
加载配置对象
从工程中查找和加载配置项，一般会从当前的工作目录中，以下面的顺序查找可能的来源：
-
package.json里面的stylelint属性 - 一个单独的
.stylelintrc文件 - 一个
stylelint.config.js到处JS对象的文件
.stylelintrc文件格式可以是JSON，可以是YAML格式的，你也可以添加文件扩展名来指定文件内容格式是JSON，YAML，或者是JS格式。.stylelintrc.json, .stylelintrc.yaml, .stylelintrc.js。
你可能需要使用扩展，使你的文本编辑器，可以更好地解释文件，并帮助语法检查和高亮。
一旦其中之一被发现和解析，搜索将停止，该对象将被使用。
配置对象
配置对象可以有下面这些属性
rules
1.基本格式
个人认为规则算是检查器里极其重要的配置项了，stylelint有超过一百五十条的规则，这些规则没有是默认打开的，都需要自己根据自己的需要进行设置开启。
规则属性是一个对象，它的键是规则的名称，值是规则配置。每个规则配置符合下列格式之一：
- 单个值（primary option）
- 一个有两个值的数组（[primary option,secondary option]）
- null (关闭规则)
示例：
{
"rules": {
"block-no-empty": null,
"color-no-invalid-hex": true,
"comment-empty-line-before": [ "always", {
"ignore": ["stylelint-commands", "between-comments"],
} ],
"declaration-colon-space-after": "always",
"indentation": ["tab", {
"except": ["value"]
}],
"max-empty-lines": 2,
"rule-nested-empty-line-before": [ "always", {
"except": ["first-nested"],
"ignore": ["after-comment"],
} ],
"unit-whitelist": ["em", "rem", "%", "s"]
}
}
指定了一个primary option就是打开了一个规则。
2.在css文件中关闭规则
在css文件中，你可以暂时关闭某条规则，也可以关闭所有规则：
/* stylelint-disable */
a {}
/* stylelint-enable */
你也可以关闭个别规则：
/* stylelint-disable selector-no-id, declaration-no-important */
#id {
color: pink !important;
}
/* stylelint-enable */
在你不需要明确地重新启用的规则处，你也可以通过/* stylelint-disable-line */关闭个别行：
#id { /* stylelint-disable-line */
color: pink !important; /* stylelint-disable-line declaration-no-important */
}
当然你也可以通过/* stylelint-disable-next-line */来关闭那些你不需要明确重新启用的下一行规则：
#id {
/* stylelint-disable-next-line declaration-no-important */
color: pink !important;
}
有些复杂的，重叠的禁用和启用模式同样支持：
/* stylelint-disable */
/* stylelint-enable foo */
/* stylelint-disable foo */
/* stylelint-enable */
/* stylelint-disable foo, bar */
/* stylelint-disable baz */
/* stylelint-enable baz, bar */
/* stylelint-enable foo */
3.严重程度：error & warning
跟eslint差不多，stylelint也有严重程度的分别，默认情况下，所有的规则都有一个error级别的严重程度，你可以在配置中通过添加defaultSeverity属性来改变默认值
要调整任何具体规则的严重程度，使用辅助选项severity，可获得的值有
- warning
- error
示例：
// error-level severity examples
{ "indentation": 2 }
{ "indentation": [2] }
// warning-level severity examples
{ "indentation": [2, { "severity": "warning" } ] }
{ "indentation": [2, {
"except": ["value"],
"severity": "warning"
}]
}
不同的情况会使用不同的严重级别。例如不同的显示，或者不同的退出过程等等。
4.自定义消息
如果您想在一个规则被违反，提供自定义消息，你可以用两种方式做到这一点：提供一个message选项，或者写一个自定义格式。
所有的规则都接受一个次要选项message,如果提供了该选项，意味着将会取代任何默认提供的标准信息。举个例子，以下规则配置将替代几个自定义消息：
{
"color-hex-case": [ "lower", {
"message": "Lowercase letters are easier to distinguish from numbers"
} ],
"indentation": [ 2, {
"ignore": ["block"],
"message": "Please use 2 spaces for indentation. Tabs make The Architect grumpy.",
"severity": "warning"
} ]
}
如果你想最大程度的进行控制，你应该写自定义格式的规则。(自定义消息部分的思想我大概理解，但是不怎么会翻译。。尴尬。。。)
扩展
你的配置可以扩展一个现有的配置，无论这个配置是你自己的还是第三方的。当一个配置扩展了另一个配置，它在被扩展的配置项开始的时候开始，并且添加在其之后或者直接覆盖当前配置。
你也可以扩展现有配置的阵列，优先于阵列中的各项（因此第一项压倒一切，第二个项目压倒一切除了第一项，以此类推。个人理解就是你一个草民扩展了，你当皇帝了，那你就是老大，比谁都牛，你要是宰相呢，那你就是除了皇帝以外，比谁都厉害，你要是什么七品芝麻官，除了比你级别高的，你比下面的人都厉害等等。）。
举个例子，扩展下stylelint-config-standard改变缩进的标签，并且关闭number-leading-zero规则:
{
"extends": "stylelint-config-standard",
"rules": {
"indentation": "tab",
"number-leading-zero": null
}
}
或者用stylelint-config-standard开始，然后在这顶部把myExtendableConfig分层，然后覆盖缩进规则
{
"extends": [
"stylelint-config-standard",
"./myExtendableConfig"
],
"rules": {
"indentation": "tab"
}
}
extends的值是locater,最终是require()，所以它可以适合用node的require.resolve（）算法的任何格式。这就意味着locater可以是：
- 在
node_modules模块的名称。 - 绝对文件路径。
- 名为.js或者以.json扩展名的文件的相对路径，相对于参考配置。
plugins（插件）
插件是支持方法，工具集，非标准CSS功能，或者非常具体的用例规则或套由社区建立规则。
想要使用插件，就添加plugins阵列配置项到你的配置文件中，值可以是一个npm模块的名字，可以使一个绝对路径，也可以是一个调用配置文件的相对路径。
{
"plugins": [
"../special-rule.js"
],
"rules": {
"plugin/special-rule": "everything"
},
}
一个插件可以提供一个规则或者一组规则，如果你用的插件提供了一组规则，只需调用模块中的插件配置值，并且使用它在rules中提供的规则。
{
"plugins": [
"../some-rule-set.js"
],
"rules": {
"some-rule-set/first-rule": "everything",
"some-rule-set/second-rule": "nothing",
"some-rule-set/third-rule": "everything"
},
}
Processors（处理器）
处理器是挂钩到stylelint的管道，修改的道路上的代码到stylelint并就其出路改变结果的功能。
处理器只能与CLI和节点的API，而不是与PostCSS插件使用。 （该PostCSS插件会忽略它们。）
使用的话，添加processors阵列配置项到配置文件中，用起来跟扩展差不都多。
{
"processors": ["stylelint-html-processor"],
"rules": {..},
}
如果你的处理器有选项，其第一个项目是“定位”和第二项是选择对象。
{
"processors": [
"stylelint-html-processor",
[ "some-other-processor", { "optionOne": true, "optionTwo": false } ]
],
"rules": {..}
}
ignoreFiles
提供一个glob或globs数组忽略特定文件。
另一种方法是使用一个.stylelintignore文件，描述如下。
如果glob是绝对路径，它们就这样用。如果他们是相对的，它们是相对于分析
- configBasedir
- 配置文件的路径，如果配置是stylelint发现的一个加载的文件
process.cwd()
这个属性呢，从扩展配置剥离：只有root级别的配置可以忽略文件。
defaultSeverity
默认严重级别
- error
- warning
.stylelintignore
你可以使用.stylelintignore文件（或者指定另一个忽略模式的文件）来忽略特定文件。（另一种方法是使用一个config.ignoreFiles，如上所述）
在你.stylelintignore文件中的模式必须匹配.gitignore语法。（之后，node-ignore会解析你的模式），这其中的一个含义是，在你文件中的模式总是相对于process.cwd（）进行分析
stylelint会在process.cwd（）中寻找一个.stylelintignore文件，你还可以指定你的忽略模式的文件路径（绝对或相对于process.cwd（））使用--ignore路径（在CLI）和ignorePath（在JS）选项。
stylelint rules
stylelint rules官方地址
规则专注于规范化css，旨在作用于广大用户。除了规则呢，还有插件，插件是由社区建立，可以支持方法，工具集，非标准CSS功能，或者非常具体的用例规则。
每一条规则是独立的，默认情况下关闭。规则也没有默认值。
规则列表
Color
-
color-hex-case: 指定大写或小写十六进制的颜色。 -
color-hex-length: 指定十六进制颜色长或短的符号。 -
color-named: 需要（如果可能）或不允许命名的颜色。 -
color-no-hex: 不允许十六进制的颜色。 -
color-no-invalid-hex: 禁止无效的十六进制颜色。
font-family
-
font-family-name-quotes:指定是否引号应该围绕字体系列名称中使用。
function
-
function-blacklist:指定不允许的功能黑名单 -
function-calc-no-unspaced-operator:计算的函数中禁止的unspaced执行 -
function-comma-newline-after:要求一个新行或函数的逗号后禁止空白。 -
function-comma-newline-before: 要求一个新行或函数的逗号之前不允许空白。 -
function-comma-space-after: 要求一个空格或函数的逗号后禁止空白。 -
function-comma-space-before:要求一个空格或函数的逗号前禁止空白。 -
function-linear-gradient-no-nonstandard-direction:禁止在线性梯度方向值（），根据标准语法是无效的呼叫。 -
function-max-empty-lines: 限制方法中相邻的空行数 -
function-name-case: 指定大写或小写的函数名。 -
function-parentheses-newline-inside:要求一个新行或函数的括号内不允许空白。 -
function-parentheses-space-inside: 要求一个空格或函数的括号内不允许空白。 -
function-url-data-uris: 要求或禁止数据的URI的URL -
function-url-no-scheme-relative:不允许文档相对的URL。 -
function-url-quotes: 要求或禁止对于网址报价 -
function-url-scheme-whitelist: 指定允许URL方案的白名单。 -
function-whitelist: 指定允许的功能的白名单。 -
function-whitespace-after: 要求方法后不允许空白。
Number
-
number-leading-zero:要求或分数低于1的数字禁止前导零。 -
number-max-precision:限制允许的小数位数的数目。 -
number-no-trailing-zeros: 禁止在数量尾随零。
String
-
string-no-newline: 禁止在字符串（转义）换行。 -
string-quotes: 指定字串，单或双引号。
Length
-
length-zero-no-unit: 禁止单位零长度。
Time
-
time-no-imperceptible: 禁止动画和过渡小于或等于100毫秒。
Unit
-
unit-blacklist: 指定不允许使用单位的黑名单。 -
unit-case: 指定大写或小写的单位。 -
unit-no-unknown: 禁止未知的单位。 -
unit-whitelist: 指定允许单位的白名单>
Value
-
value-keyword-case: 指定大写或小写关键字的值。 -
value-no-vendor-prefix: 不允许供应商前缀值。
Value list
-
value-list-comma-newline-after: 逗号后需要一个换行符或不允许空白值列表。 -
value-list-comma-newline-before: 逗号前需要一个换行符或不允许空白值列表。 -
value-list-comma-space-after: 需要一个空格或者逗号后不允许空白值列表。 -
value-list-comma-space-before:需要一个空格或者逗号前不允许空白值列表。 -
value-list-max-empty-lines: 限制相邻的数量值列表内空行。
Custom property
-
custom-property-empty-line-before: 自定义属性之前equire或不允许空行。 -
custom-property-no-outside-root: 不允许自定义属性以外的:根规则。 -
custom-property-pattern: 为自定义属性指定一个模式。
Shorthand property
-
shorthand-property-no-redundant-values:不允许在简写属性冗余值。
Property
-
property-blacklist: 指定一个不允许属性的黑名单。 -
property-case: 为属性指定小写或大写。 -
property-no-unknown: 不允许未知属性。 -
property-no-vendor-prefix: 不允许前缀的属性。 -
property-whitelist: 指定一个白名单允许属性。
Keyframe declaration
-
keyframe-declaration-no-important: 不允许!important在关键帧声明。
Declaration
-
declaration-bang-space-after: bang声明之后需要一个空格或者不允许空白 -
declaration-bang-space-before: bang声明之前需要一个空格或者不允许空白 -
declaration-colon-newline-after: 冒号后的声明需要一个换行符或不允许空白。 -
declaration-colon-space-after: 冒号后的声明需要一个空格或不允许空白。 -
declaration-colon-space-before: 冒号之前的声明需要一个空格或不允许空白。 -
declaration-empty-line-before: 要求声明前不允许空一行。 -
declaration-no-important: 不允许!important声明。 -
declaration-property-unit-blacklist: 指定一个黑名单内不允许声明属性。 -
declaration-property-unit-whitelist: 指定一个白名单内允许声明属性。 -
declaration-property-value-blacklist: 指定一个黑名单,不允许在声明属性和值对。 -
declaration-property-value-whitelist: 指定一个允许属性和值对声明的白名单。
Declaration block
-
declaration-block-no-duplicate-properties: 不允许复制属性块中声明 -
declaration-block-no-ignored-properties:不允许被忽略是因为另一个属性值的属性值相同的规则。 -
declaration-block-no-redundant-longhand-properties: 不允许手写属性,可以组合成一个简写属性。 -
declaration-block-no-shorthand-property-overrides: 不允许简写属性覆盖相关手写属性声明块。 -
declaration-block-properties-order: 声明块中指定的顺序属性。 -
declaration-block-semicolon-newline-after: 要求一个换行符或不允许空白块分号后。 -
declaration-block-semicolon-newline-before: 要求一个换行符或不允许空白块分号之前的声明。 -
declaration-block-semicolon-space-after: 要求一个空间或不允许空白块分号后的声明。 -
declaration-block-semicolon-space-before: 要求一个空间或不允许空白块分号之前的声明 -
declaration-block-single-line-max-declarations: 限制声明在一行声明块的数量 -
declaration-block-trailing-semicolon: 要求或不允许在声明块后面的分号。
Block
-
block-closing-brace-empty-line-before: 要求或不允许关闭括号前空一行。 -
block-closing-brace-newline-after: 需要一个换行符或不允许关闭括号后的空白。 -
block-closing-brace-newline-before: 需要一个换行符或不允许空白关闭括号前的块。 -
block-closing-brace-space-after: 需要一个空间或不允许关闭括号后的空白块。 -
block-closing-brace-space-before: 在关闭括号前的块需要一个空格或者不允许空白。 -
block-no-empty: 不允许空块 -
block-no-single-line: 不允许单行块 -
block-opening-brace-newline-after: 开括号的块之后需要新的一行。 -
block-opening-brace-newline-before: 开括号的块之后需要一个换行符或不允许空白 -
block-opening-brace-space-after: 开括号的块之后需要一个空格或不允许空白。 -
block-opening-brace-space-before: 开括号的块之前需要一个空格或不允许空白。
Selector
-
selector-attribute-brackets-space-inside: 在括号里的属性选择器需要一个空格或者不允许空白。 -
selector-attribute-operator-blacklist: 指定一个黑名单不允许属性的操作符。 -
selector-attribute-operator-space-after: 需要一个空间或不允许空格后运营商在属性选择器。 -
selector-attribute-operator-space-before: 需要一个空间或不允许空格内运营商之前属性选择器。 -
selector-attribute-operator-whitelist: 指定一个属性允许运营商的白名单。 -
selector-attribute-quotes: 需要或不允许引用属性值。 -
selector-class-pattern: 指定一个模式类选择符。 -
selector-combinator-space-after: 需要一个空间或不允许空格后的组合子选择器。 -
selector-combinator-space-before: 需要一个空间或不允许空格前的组合子选择器。 -
selector-descendant-combinator-no-non-space: 不允许的字符的后代组合子选择器进行技术改造。 -
selector-id-pattern: 指定一个模式,id选择器。 -
selector-max-compound-selectors: 在一个选择器里面限制复合选择器的数量。 -
selector-max-specificity: 限制的特异性选择器。 -
selector-nested-pattern: 指定一个模式选择器的规则嵌套规则。 -
selector-no-attribute: 不允许属性选择器。 -
selector-no-combinator: 不允许在选择器组合。 -
selector-no-id: 不允许id选择器。 -
selector-no-qualifying-type: 不允许符合条件的选择器的类型。 -
selector-no-type: 不允许类型选择器。 -
selector-no-universal: Disallow the universal selector. -
selector-no-vendor-prefix: 不允许选择器的前缀。 -
selector-pseudo-class-blacklist: 指定一个黑名单禁止伪类选择器。 -
selector-pseudo-class-case: 为伪类选择器指定小写或大写。 -
selector-pseudo-class-no-unknown: 不允许未知的伪类选择器。 -
selector-pseudo-class-parentheses-space-inside: 需要一个空格或不允许空格在括号里面的伪类选择器。 -
selector-pseudo-class-whitelist: 伪类选择器允许指定一个白名单。 -
selector-pseudo-element-case: 为伪元素选择器指定小写或大写。 -
selector-pseudo-element-colon-notation: 为适用的伪元素指定单引号或双冒号符号。 -
selector-pseudo-element-no-unknown: 不允许未知的伪元素选择器。 -
selector-root-no-composition: 在选择器不允许根的构成。 -
selector-type-case: 指定小写或大写类型选择器。 -
selector-type-no-unknown: 不允许未知类型选择器。 -
selector-max-empty-lines: 限制内相邻的空行选择器的数量。
Selector list
-
selector-list-comma-newline-after: 需要一个换行符或不允许空白选择逗号后的列表。 -
selector-list-comma-newline-before: 逗号前需要一个换行符或不允许空白选择器列表。 -
selector-list-comma-space-after: 需要一个空格或者逗号后不允许空格选择器列表。 -
selector-list-comma-space-before: 需要一个空格或者逗号前不允许空格选择器列表。
Root rule
-
root-no-standard-properties: 根规则内不允许标准属性。
Rule
-
rule-nested-empty-line-before: 需要或不允许嵌套规则前空一行。 -
rule-non-nested-empty-line-before: 需要或不允许non-nested规则前空一行。
Media feature
-
media-feature-colon-space-after: 需要一个空间或不允许空格在冒号之后媒体的特性。 -
media-feature-colon-space-before: 需要一个空间或不允许空格在冒号之前媒体的特性。 -
media-feature-name-case: 为媒体特性名称指定小写或大写。 -
media-feature-name-no-unknown: 不允许未知的媒体功能的名字。 -
media-feature-name-no-vendor-prefix: 不允许媒体特性名称的前缀。 -
media-feature-no-missing-punctuation: 不允许标点non-boolean媒体功能 -
media-feature-parentheses-space-inside: 需要一个空间或不允许空格在括号里面的媒体功能。 -
media-feature-range-operator-space-after: 需要一个空间或不允许空白范围运算符后媒体的特性。 -
media-feature-range-operator-space-before: 之前需要一个空间或不允许空格符范围在媒体功能。
Custom media
-
custom-media-pattern: 为定制媒体查询名称指定一个模式。
Media query list
-
media-query-list-comma-newline-after: 需要一个换行符或不允许空格后媒体查询的逗号分隔列表。 -
media-query-list-comma-newline-before: 需要一个换行符或不允许空格之前媒体查询的逗号分隔列表 -
media-query-list-comma-space-after: 需要一个空间或不允许空格后媒体查询的逗号分隔列表。 -
media-query-list-comma-space-before:需要一个空间或不允许空格之前媒体查询的逗号分隔列表。
At-rule
-
at-rule-blacklist: 不允许at-rules指定一个黑名单。 -
at-rule-empty-line-before: 需要或不允许at-rules前空一行。 -
at-rule-name-case: 指定at-rules小写或大写的名字。 -
at-rule-name-newline-after: at-rule名称后需要一个换行符。 -
at-rule-name-space-after: 需要一个空格后at-rule名称。 -
at-rule-no-unknown: 不允许at-rules不明。 -
at-rule-no-vendor-prefix: 不允许at-rules前缀。 -
at-rule-semicolon-newline-after: 需要一个换行符之后at-rules的分号。 -
at-rule-whitelist: 指定允许at-rules的白名单。
stylelint-disable comment
-
stylelint-disable-reason: 需要一个理由stylelint-disable之前或之后的评论发表评论。
Comment
-
comment-empty-line-before: 需要或不允许评论之前一个空行。 -
comment-no-empty: 不允许空的评论。 -
comment-whitespace-inside:需要或不允许空格里面的注释标记。 -
comment-word-blacklist: 指定一个黑名单内不允许的话评论。
General / Sheet
-
indentation: 指定缩进。 -
max-empty-lines: 限制数量的相邻的空行。 -
max-line-length: 限制线的长度。 -
max-nesting-depth: 限制的深度嵌套。 -
no-browser-hacks: 不允许浏览器黑客,无关你目标的浏览器。 -
no-descending-specificity: 不允许选择器之后覆盖选择器的低特异性更高的特异性。 -
no-duplicate-selectors: 不允许重复的选择器。 -
no-empty-source: 不允许空的来源。 -
no-eol-whitespace: 不允许行尾空白。 -
no-extra-semicolons: 不允许额外的分号。 -
no-indistinguishable-colors: 不允许产品极其接近的颜色相同。 -
no-invalid-double-slash-comments: 不允许双斜杠注释(/ /…)不支持CSS。 -
no-missing-end-of-source-newline: 不允许丢失end-of-source换行。 -
no-unknown-animations: 不允许动画名称不对应@keyframes声明。 -
no-unsupported-browser-features: 不允许功能的浏览器不支持的目标。
官方配置标准文件
stylelint-config-standard
module.exports = {
"rules": {
"at-rule-empty-line-before": [ "always", {
except: [
"blockless-after-same-name-blockless",
"first-nested",
],
ignore: ["after-comment"],
} ],
"at-rule-name-case": "lower",
"at-rule-name-space-after": "always-single-line",
"at-rule-semicolon-newline-after": "always",
"block-closing-brace-empty-line-before": "never",
"block-closing-brace-newline-after": "always",
"block-closing-brace-newline-before": "always-multi-line",
"block-closing-brace-space-before": "always-single-line",
"block-no-empty": true,
"block-opening-brace-newline-after": "always-multi-line",
"block-opening-brace-space-after": "always-single-line",
"block-opening-brace-space-before": "always",
"color-hex-case": "lower",
"color-hex-length": "short",
"color-no-invalid-hex": true,
"comment-empty-line-before": [ "always", {
except: ["first-nested"],
ignore: ["stylelint-commands"],
} ],
"comment-no-empty": true,
"comment-whitespace-inside": "always",
"custom-property-empty-line-before": [ "always", {
except: [
"after-custom-property",
"first-nested",
],
ignore: [
"after-comment",
"inside-single-line-block",
],
} ],
"declaration-bang-space-after": "never",
"declaration-bang-space-before": "always",
"declaration-block-no-duplicate-properties": [ true, {
ignore: ["consecutive-duplicates-with-different-values"],
} ],
"declaration-block-no-ignored-properties": true,
"declaration-block-no-redundant-longhand-properties": true,
"declaration-block-no-shorthand-property-overrides": true,
"declaration-block-semicolon-newline-after": "always-multi-line",
"declaration-block-semicolon-space-after": "always-single-line",
"declaration-block-semicolon-space-before": "never",
"declaration-block-single-line-max-declarations": 1,
"declaration-block-trailing-semicolon": "always",
"declaration-colon-newline-after": "always-multi-line",
"declaration-colon-space-after": "always-single-line",
"declaration-colon-space-before": "never",
"declaration-empty-line-before": [ "always", {
except: [
"after-declaration",
"first-nested",
],
ignore: [
"after-comment",
"inside-single-line-block",
],
} ],
"function-calc-no-unspaced-operator": true,
"function-comma-newline-after": "always-multi-line",
"function-comma-space-after": "always-single-line",
"function-comma-space-before": "never",
"function-linear-gradient-no-nonstandard-direction": true,
"function-max-empty-lines": 0,
"function-name-case": "lower",
"function-parentheses-newline-inside": "always-multi-line",
"function-parentheses-space-inside": "never-single-line",
"function-whitespace-after": "always",
"indentation": 2,
"keyframe-declaration-no-important": true,
"length-zero-no-unit": true,
"max-empty-lines": 1,
"media-feature-colon-space-after": "always",
"media-feature-colon-space-before": "never",
"media-feature-name-case": "lower",
"media-feature-name-no-unknown": true,
"media-feature-no-missing-punctuation": true,
"media-feature-parentheses-space-inside": "never",
"media-feature-range-operator-space-after": "always",
"media-feature-range-operator-space-before": "always",
"media-query-list-comma-newline-after": "always-multi-line",
"media-query-list-comma-space-after": "always-single-line",
"media-query-list-comma-space-before": "never",
"no-empty-source": true,
"no-eol-whitespace": true,
"no-extra-semicolons": true,
"no-invalid-double-slash-comments": true,
"no-missing-end-of-source-newline": true,
"number-leading-zero": "always",
"number-no-trailing-zeros": true,
"property-case": "lower",
"property-no-unknown": true,
"rule-nested-empty-line-before": [ "always-multi-line", {
except: ["first-nested"],
ignore: ["after-comment"],
} ],
"rule-non-nested-empty-line-before": [ "always-multi-line", {
ignore: ["after-comment"],
} ],
"selector-attribute-brackets-space-inside": "never",
"selector-attribute-operator-space-after": "never",
"selector-attribute-operator-space-before": "never",
"selector-combinator-space-after": "always",
"selector-combinator-space-before": "always",
"selector-descendant-combinator-no-non-space": true,
"selector-list-comma-newline-after": "always",
"selector-list-comma-space-before": "never",
"selector-max-empty-lines": 0,
"selector-pseudo-class-case": "lower",
"selector-pseudo-class-no-unknown": true,
"selector-pseudo-class-parentheses-space-inside": "never",
"selector-pseudo-element-case": "lower",
"selector-pseudo-element-colon-notation": "double",
"selector-pseudo-element-no-unknown": true,
"selector-type-case": "lower",
"selector-type-no-unknown": true,
"shorthand-property-no-redundant-values": true,
"string-no-newline": true,
"unit-case": "lower",
"unit-no-unknown": true,
"value-list-comma-newline-after": "always-multi-line",
"value-list-comma-space-after": "always-single-line",
"value-list-comma-space-before": "never",
"value-list-max-empty-lines": 0,
},
}