Какие знаешь CSS препроцессоры

Sass (SCSS), Less, Stylus — основные CSS-препроцессоры.

Sass/SCSS — самый популярный, поддерживает вложенность, переменные, миксины, циклы, условия. SCSS-синтаксис похож на CSS.

$primary: #3498db;
.button {
  background: $primary;
  &:hover { opacity: 0.8; }
}

Less — похож на Sass, но работает на JS (компилируется клиент-side или через Node.js).

@primary: #3498db;
.button { background: @primary; }

Stylus — гибкий синтаксис (можно писать без скобок и точек с запятой).

primary = #3498db
.button
  background primary

Дополнительно: PostCSS (не препроцессор, но позволяет расширять CSS через плагины).