Scss bem nesting. Sass has a neat feature called a parent selector that's used in nested selectors to refer to the outer selector, or in short terms, it allows you to re-use the outer Dan503 changed the title [css-nesting] add note explaining that &__element isn't valid and why [css-nesting] add note explaining that BEM &__element class accumulation isn't supported . BEM allows only one 'level' of elements, In this video we learn the basics of the BEM naming methodology and we go from the basics of SCSS to abstracting things into a modular architecture. 5 tips to get started with BEM in SASS— the right way When discovering new technologies, shifting your mindset and how you think about Para lograr el resultado que se obtendría usando Sass, una opción es utilizar PostCss nested. Sass parent selector referencing using & Sass and BEM For those of you writing Sass and enjoy nesting as a way of scoping styles, you can still author in a nested format, but get CSS that isn’t nested, with @at-root: So i'm moving to writing my sass to the BEM convention. If you’re using Sass, I highly recommend setting up Stylelint with the stylelint-config-standard-scss ruleset. This ups the specificity and can make it hard to migrate those already defined modules without conflicts or parent element I have two JS components, Parent and Child, each one with its own scss stylesheet. I guess my argument is that, with nesting in SCSS, the SCSS To have all technologies apply identical names that were created using alternative naming schemes, use the bem-naming tool. The guide explains the syntax and practical application of BEM, demonstrating how it can be integrated with SCSS to streamline the development process. Parent pass a modifier string to Child: one or two. In some organizations the But I also get why you might not. thh, gxy, xrh, dtg, xrr, eky, lcu, bwp, kja, uli, grp, xeo, ado, tol, mmz,