SASS Guidelines

Jump to bottom Edit New page

Ilias Trichopoulos edited this page Jan 26, 2017 · 8 revisions

Code style/basic mistakes

Thou shalt leave a blank line between selectors. Example:

.foo {
    // rules
}

.bar {
    // rules
}

Use > instead of & >.

.foo {
  > .bar {
    // rules
  }
}

Use :: instead of : to style pseudo-elements (MDN):

.foo::before {
    // rules
}

Image source: http://imgur.com/a/sGoPk