Вложенные свойства

CSS имеет довольно много свойств в пространстве имен, например, font-family, font-size и font-weight находятся в пространстве имен font.

В CSS, если вы хотите установить набор свойств в общем пространстве имен, вы должны вводить его каждый раз. Sass упрощает этот процесс: просто напишите пространство имен единожды, а внутри вы можете вписать любое из вторичных свойств. Например:

.funky {
  font: {
    family: fantasy;
    size: 30em;
    weight: bold;
  }
}

.funky
  font:
    family: fantasy
    size: 30em
    weight: bold

.funky {
  font-family: fantasy;
  font-size: 30em;
  font-weight: bold;
}

Само пространство имен также может иметь значение. Например:

.funky {
  font: 20px/24px fantasy {
    weight: bold;
  }
}

.funky
  font: 20px/24px fantasy
    weight: bold

.funky {
  font: 20px/24px fantasy;
  font-weight: bold;
}