Разделите свои стили на мелкие куски с частицами
Partials
в Sass - это отдельные файлы, содержащие сегменты кода CSS. Они импортируются и используются в других файлах Sass. Это отличный способ группировать аналогичный код в модуль, чтобы поддерживать его. Имена partials
начинаются с символа подчеркивания ( _
), который сообщает Sass, что это небольшой сегмент CSS, а не для преобразования его в файл CSS. Кроме того, файлы Sass заканчиваются расширением .scss
. Чтобы привести код в partial
файле в другой файл Sass, используйте директиву @import
. Например, если все ваши mixins
сохранены в partial
имени «_mixins.scss», и они необходимы в файле «main.scss», так их можно использовать в основном файле:
// В файле main.scssОбратите внимание, что подчеркивание не требуется в операторе
@import 'mixins'
import
- Сасс понимает, что он является partial
. После partial
импортирования в файл доступны все переменные, mixins
и другой код.Напишите оператор @import
для импорта partial
имени _variables.scss
в файл main.scss.