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?
Was this article missing something?
Was it not quite what you were looking for?
Do you have suggestions on how we could improve this article or your experience in general?
If so, please take a moment to let us know!
Your invaluable feedback will help everyone better understand the platform!