In our scss we group some of our attributes in their namespace.
.block__element--modifier {
font: {
family: sans-serif;
size: 16px;
weight: 300;
}
}
When linting, I get a Invalid component selector ".block__element--modifier font:" error. I'm using the bem preset
Since namespaces could be anything (font:, background:, text:, etc); I tried adding an ignoreSelectors rule to target these. I couldn't find an expression which worked.
Is there something which already resolves this issue (not sure if I've missed something)?
In our
scsswe group some of our attributes in their namespace.When linting, I get a
Invalid component selector ".block__element--modifier font:"error. I'm using thebempresetSince namespaces could be anything (
font:,background:,text:, etc); I tried adding anignoreSelectorsrule to target these. I couldn't find an expression which worked.Is there something which already resolves this issue (not sure if I've missed something)?