2.vii.a.Indenting-Sass.md

Indentação no Sass

Sass provê a funcionalidade de herança. Isto é, escrevendo assim:

.foo {
  color: red;

  .bar {
    color: blue;
  }
}

...ficaremos com este CSS compilado

 .foo { color: red; }
 .foo .bar { color: blue; }

Quando identamos em Sass, nós afixamos os mesmos 2 (dois) espaços, e nós também deixaremos uma linha em branco antes e depois do conjunto de regras de herança.

N.B. Herança em Sass deve ser evitado quando possível. Veja a seção sobre Especificidade para mais detalhes.