Atom / Sass-lint:用于sass-lint.yml类名的正则表达式

时间:2018-04-18 12:55:28

标签: regex sass atom-editor scss-lint sass-lint

我有一个sass-lint.yml文件,其中包含以下规则:

df <- data.frame(time=c(1,10,100,10000),value=c(5,10,50,20))
ggplot(df,aes(x=time,y=value))+
    geom_point()+
    scale_x_log10(breaks=c(1,60,3600),labels=c("1sec","1min","1hour"))

可以在此检查正则表达式: https://regex101.com/r/SsVde6/2

不幸的是我无法让它正常工作。

在正则表达式测试程序中,您可以看到我想要包含哪些内容。 类名的第一部分可以是从BEMified(BEM)kebabcase开始的PascalCase(例如:class-name-format: - 1 - convention: '^([a-zA-Z]*)(__[a-z]+)?(-[a-z]*)*(--[a-z]+)?$' - 全部小写,中间有破折号)

一种非常常见的模式如下: this-is-kebab-case

已经有很多工作要做,但我想在我的scss文件中评估嵌套的BEM选择器:

例如,

ComponentName__element-name--modifier-name&__burgerCross {…}&__burger_cross应评估为false。这必须是&__burger__cross

但我真的不知道如何处理嵌套规则。

非常欢迎任何关于sass-lint和regex的帮助。

1 个答案:

答案 0 :(得分:0)

我想要的是

  

我想在我的scss文件中评估嵌套的BEM选择器:

我的正则表达式实际上已经突出显示了所有需要的案例,并且不想要的案例不匹配。 问题是,linter不能lint嵌套的BEM选择器。 :(。 在这里阅读: https://github.com/brigade/scss-lint/issues/339#issuecomment-72404341

所以我们在这里做的不多。