Nested properties in Sass

I have been using Sass for ages and I never realized I could do:

  top: 1em
  bottom: 2em

and have it compile to:

margin-top: 1em;
margin-bottom: 2em;

This is a great timesaver for all those background-image, margin, padding, border declarations.

Nesting several levels deep

It even allows deeper levels of nesting, so you can do:

    style: dashed
      radius: 1em

to get:

border-top-style: dashed;
border-top-left-radius: 1em;

I guess that’ll teach me to RTFM.