1

I am using BEM with multiple elements and modifiers but different blocks.

.header__column--6
    width: 50%

.footer__column--6
    width: 50%

Is there a way to address the elements and modifiers globally in Sass? The following example results in an error.

*
    &__column--6
        width: 50%

Of course there would be the possibility to use global grid__column--6 instead of naming each block individually.

However, in my project i am dependent on defining these different blocks.

Bitkit
  • 13
  • 2

1 Answers1

0

Try this attribute selector:

[class$='__column--6']
  width: 50%
protob
  • 3,317
  • 1
  • 8
  • 19