Какие плюсы и минусы CSS процессора

Плюсы:

1. Вложенность селекторов (улучшает читаемость)
2. Переменные (легко менять значения)
3. Миксины (переиспользуемые стили)
4. Импорт файлов (разбитие на модули)
5. Математические операции прямо в CSS
6. Наследование стилей (@extend)

Минусы:

1. Требуется компиляция (дополнительный шаг в сборке)
2. Может усложнить отладку (оригинальный CSS не совпадает с написанным)
3. Кривая обучения (новый синтаксис)
4. Возможность злоупотребления вложенностью

Пример на SCSS:

$primary-color: #3498db;

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