Какие использовал препроцессоры

Наиболее популярные препроцессоры для CSS — Sass (SCSS синтаксис), Less и Stylus. Для HTML часто используют Pug (ранее Jade), а для JS — Babel (хотя это скорее транспилятор).

Пример SCSS:

$primary-color: #3498db;

.button {
  background: $primary-color;
  &:hover {
    background: darken($primary-color, 10%);
  }
}

Пример Pug:

header
  h1.title Hello, World!
  nav
    ul
      li: a(href="/") Home

Выбор зависит от проекта: Sass — самый распространённый, Pug удобен для шаблонов, а Babel обязателен для современного JS.