Stylesheet Coding Standards

Architecture

The files that make up the Workarea CSS Framework adhere to specific architectural guidelines. The architecture defines specific layers to which each CSS file should belong. For more information, read through the CSS Architectural Overview section.

BEM

The term block comes from BEM: Block, Element, Modifier. The BEM philosophy and syntax is used when constructing Components in the Workarea platform.

CSS Style Guide

Workarea has published a SCSS style guide on Github to help keep developers writing clean, consistent code.

Linting

Workarea stylesheets are linted using the scss-lint gem. A .scss-lint.yml file in each Workarea repository configures the linter.

How'd We Do?

If you found this article was missing information or wasn't quite what you were looking for, we are open to any suggestions or feedback on what we could do better.

Help Us Out