Dev Guidelines

Getting on the same page

Lint your Sass as you go with scss-lint:

https://atom.io/packages/linter-scss-lint

https://packagecontrol.io/packages/SublimeLinter-contrib-scss-lint

 

We will one day implement https://github.com/brigade/scss-lint in Kalastatic.

File Names

Currently we are using underscores on file names... and following a BEM like syntax: link__icon_clean. See Resources section for more in depth explanation of BEM.

 

Resources

https://www.smashingmagazine.com/2012/04/a-new-front-end-methodology-bem/

https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/