Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Use alphabetical order for declarations.
  • Place Place @extends and  and @includes at  at the top of your declaration list.
  • Place media queries directly after the declaration list.
  • Place concatenated selectors second.
  • Place pseudo-states and pseudo-elements third.
  • Place nested selectors last.elements fourth
  • Place nested classes fifth

Selectors

Organisation

  • Use Normalize for browser rendering consistency, rather than a bespoke reset
  • Use HTML structure for ordering of selectors. Don't just put styles at the bottom of the Sass file
  • Avoid having files longer than 100 lines


References: