# Использование директивы @include в Sass
Sass (Syntactically Awesome StyleSheets) - это мощный инструмент для создания управляемых и удобных в обслуживании CSS. Одна из ключевых возможностей Sass - это использование миксинов. Миксины - это наборы CSS-правил, которые вы можете объявить один раз и затем повторно использовать в любом месте в коде вашего проекта.
Директива `@include` в Sass используется для включения миксинов в документ.
Вот базовый пример. Допустим, у вас есть такой миксин:
```sass
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
-ms-border-radius: $radius;
border-radius: $radius;
}
```
Вы можете применить этот миксин к любому элементу следующим образом:
```sass
.button {
@include border-radius(10px);
}
```
После компиляции Sass в CSS, получаем:
```css
.button {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
```
Таким образом, вместо того чтобы каждый раз писать все вендорные префиксы, мы можем просто использовать миксин с директивой `@include`.
Важно отметить, что миксины можно использовать с аргументами, что делает их гибкими и мощными инструментами для повторного использования кода. Миксины - это только один из многих способов упрощения и улучшения написания CSS с помощью Sass. Помимо миксинов, Sass также предоставляет другие мощные возможности, такие как вложенность, переменные и наследование.