SCSS BEM Support

This extension adds TextMate scope to BEM element and modifier which can be useful in syntax highlighting.

BEM – Block Element Modifier

.block {
  &__element {} // bem.support.element.scss
  &--modifier {} // bem.support.modifier.scss
}

More info about BEM here.

TextMate Scope

Go to Keyboard Shortcuts then search for Developer: Inspect TM Scopes.

Changelog

v0.0.8

• Fix highlighting for single-line comment

v0.0.7

• Add support for &_modifier or &_key_value notation

v0.0.6

• Preserve ampersand tokenization
• Capture dash, underscore, letters and numbers only

v0.0.5

• Add entity.other.attribute-name.class.css as fallback scope

v0.0.4

• Add bem.support.element.scss scope
• Add bem.support.modifier.scss scope

v0.0.3

• Initial release

Feedback

For comments, questions and suggestions, go here.

Contributors

• Danny McGee (@dannymcgee)
• Pavel Cherdantsev (@chepash)

License

© 2019 Jolo Yonaha
MIT License