Что такое mixin

Миксин — это способ повторного использования кода в CSS препроцессорах, таких как Sass или Less. Он позволяет определить стили один раз и включать их в другие правила, избегая дублирования кода.

Пример в Sass:

@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  border-radius: $radius;
}

.button {
  @include border-radius(5px);
}

Особенности:

• Могут принимать параметры (как в примере выше)
• Поддерживают значения по умолчанию
• Позволяют группировать часто используемые стили
• Компилируются в обычный CSS

Отличаются от @extend тем, что копируют код, а не создают группировку селекторов.