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.
Help Us Improve this Doc
Was this helpful? Open a GitHub issue to report a problem with this doc, suggest an improvement, or otherwise provide feedback. Thanks!