"Nesting in Sass should be avoided"
Aren't you missing the best feature of using SASS in the first place? It's a joy to create highly targeted styles with proper SASS nesting... why is it to be avoided?
Aren't you missing the best feature of using SASS in the first place? It's a joy to create highly targeted styles with proper SASS nesting... why is it to be avoided?
.Foo {
a {
/* stuff */
}
}
It translates into: .Foo a { /* stuff */ }
CSS is evaluated right to left, so this means every time an <a> is encountered in the page it has to at its parent chain to see if any has class Foo. This can cause performance issues especially for really large pages.That said, for most pages it won't make a noticeable difference so it's kind of up to you to decide if you care.