Propriedades aninhadas no Sass

O CSS tem algumas propriedades que estão em namespaces. Exemplos: background-* (background-color, background-size, dentre outras), font-* e border-*. No CSS, se você quiser escrever mais de uma propriedade de um mesmo namespace, você tem que repetir o namespace. No Sass, você pode aninhar esse tipo de propriedade pelo namespace. Exemplo:

footer {
  background: {
    color: red;
    repeat: no-repeat;
    position: 50% 25%;
  }
}

footer {
  background-color: red;
  background-repeat: no-repeat;
  background-position: 50% 25%; }

Também há casos em que a propriedade tem um valor, que pode ser inserido normalmente:

footer {
  background: url('pattern.png') fixed {
    color: red;
    repeat: no-repeat;
    position: 50% 25%;
  }
}

footer {
  background: url("pattern.png") fixed;
    background-color: red;
    background-repeat: no-repeat;
    background-position: 50% 25%; }