Basically we are creating CSS by using Sass - standardized by the Sass Guidlines by Hugo Giraudel.
-
For a better readability we are to indent with four spaces - not only two (Sass Guidelines > Syntax And Formatting).
-
Short hex code is the first choice to declare a color (Sass Guidelines > Color Formats).
- fastest way for browser
- trendiest format for creatives
-
Comments are written inline - not blockwise (Sass Guidelines > Writing Comments).
- prevents output in CSS
-
We use directory name "helpers" instead of "abstracts" (Sass Guidelines > The 7-1 Pattern).
-
We use placeholders instead of mixins without parameters (Sass Guidelines > Argument-Less Mixins).
-
No usage of vendor prefixes (Sass Guidelines > Mixins And Vendor Prefixes).
- Autoprefixer will manage this automatically
Our Sass code is verified as valid by using grunt-scss-lint
in our pre-processing task runner.
Check out for-sale-digital/grunt-template for more details.