Stylelint,在非嵌套规则之前有一个空行,在嵌套规则之前没有空行?

时间:2017-09-13 15:00:15

标签: stylelint

现在有什么方法可以实现这个目标吗?

我看到rule-nested-empty-line-before由于某种原因被删除了,所以这个配置不再可能吗?

我希望这会抛出错误......

@media (max-width: 300px) {

    .foo {
        display: block;
    }
}
@media (max-width: 600px) {
    .bar {
        display: block;
    }
}

@media之前应该有一个空格,因为它没有嵌套,并且.foo之前没有空格,因为它已经嵌套了。

1 个答案:

答案 0 :(得分:2)

from tkinter import * root = Tk() var = StringVar() array = ["COM2", "COM4"] var.set(array[0]) OptionMenu(root, var, *array).pack() root.mainloop() rule-nested-empty-line-before规则合并在一起,形成版本rule-empty-line-before中的新8.0.0规则。您可以使用此规则控制rule-non-nested-empty-line-before.foo {}规则之前的空行。

.bar {}是一个规则,因此您应该使用at-rule-empty-line-before规则来控制它之前的空行。

您可以了解规则的命名方式以及它们如何协同工作in this section of the User Guide

  

@media之前应该有一个空格,因为它没有嵌套,并且.foo之前没有空格,因为它是嵌套的。

考虑到上述情况,其配置应为:

@media

或者,您可以使用stylelint-standard-config,它具有合理规则的合理默认值。