Для чего нужны mixin

Миксины в CSS позволяют повторно использовать группы стилей, избегая дублирования кода. Они особенно полезны для:

1. Переиспользуемых стилей (например, кнопки, сетки)
2. Автоматизации вендорных префиксов
3. Сложных вычислений (например, адаптивные размеры)

Пример в SCSS:

@mixin center-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.button {
  @include center-flex;
  padding: 10px 20px;
}

Преимущества:

• Уменьшают дублирование кода
• Делают стили более читаемыми
• Позволяют передавать параметры (как функции)
• Поддерживают вложенность других миксинов

Используются в препроцессорах (Sass, Less, Stylus), но не в чистом CSS.