Tout comme l'indentation des déclaration individuellesn=, indenter des bases de règles entières pour signaler leur relation l'une à l'autre, par exemple :

.foo { }

  .foo__bar { }

    .foo__baz { }

En faisant cela, un développeur peut voir d'un coup d'œil quet .foobaz {} se situe dans .foobar {} qui se situe dans .foo {}.

La quasi-réplication du DOM en dit beaucoup aux développeurs sur où l'on s'attend à utiliser les classes sans qu'ils aient besoin de se référer au HTML.

Sass propose des fonctionnalités de nichage, c'est à dire qu'écrire ce qui suit :

.foo {
  color: red;

  .bar {
    color: blue;
  }

}

… sera transformé en ce qui suit lorsque complié en CSS :

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

Lorsque l'on indente en SAA, on se cantonne au même nombre d'espace d'indentation, et l'on laisse un ligne vide avant une base de règle nichée.

N.B. Le nichage en SASS devrait être évité quand cela est possible. Voir la section spécificités pour plus de détails.

Tentatives d'aligner des chaînes de caractères communes et related dans des déclarations, par exemple:

.foo {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.bar {
  position: absolute;
  top:    0;
  right:  0;
  bottom: 0;
  left:   0;
  margin-right: -10px;
  margin-left:  -10px;
  padding-right: 10px;
  padding-left:  10px;
}

Cela rend la vie un peu plus facile pour les développeur dont les éditeurs de texte supportent l'édition de colonne, leur permettant de changer plusieurs lignes identiques et alignées en une fois.