I’m looking at a few IDE’s at the moment for an upcoming MacUser feature, one of which was BBEdit 10. One thing that was irking me was support for Sass files.

I’d found a Sass Language Module on Github that was supposed to provide folding and syntax highlighting but couldn’t get it working. Turns out it was written for BBEdit 9. Thankfully, one user (rayhatfield) had amended the plist file so it works with BBEdit 10. So, go get the file here: http://rocketsheep.com/tempp/SASS.plist and save it into ~/Library/Application Support/BBEdit/Language Modules (if that doesn’t work, you can go the riskier option of saving it in BBEdit.app (you’ll need to show package contents) > Contents > Language Modules) and then in BBedit, go to the preferences panel and go to the languages section. Then add a ‘Custom Extensions Mapping’ (enter ‘scss’as the suffix and use the selector on the right to choose ‘SASS’) and restart BBEdit 10.

Job done – you should now have code folding and syntax highlighting in BBEdit 10. Big thanks to Matt Martini (the original Language Module author) and Ray Hatfield for their efforts.

My latest book, 'Enduring CSS' is out now

Get $5 off HERE ↠

Write and maintain large scale modular CSS and embrace modern tooling including PostCSS, Stylelint and Gulp