Sass Guidelines @ FSD

Basically we are creating CSS by using Sass - standardized by the Sass Guidlines by Hugo Giraudel.

Only Deviants

• 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

Warranty

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.