“scss include” относится к использованию директивы @importв SCSS (Sassy CSS) для включения содержимого одного файла SCSS в другой. Это позволяет вам разделить стили на модульные файлы и повторно использовать их в проекте. Вот несколько способов использования директивы @importв SCSS:
-
Базовый импорт:
@import 'path/to/file'; -
Импортировать несколько файлов:
@import 'path/to/file1', 'path/to/file2'; -
Импорт из каталога:
@import 'path/to/directory/*'; -
Импортировать CSS:
@import 'path/to/stylesheet.css'; -
Частичный импорт SCSS:
@import 'path/to/_partial'; -
Импортировать как:
@import 'path/to/file' as customName; -
Импорт из узловых модулей:
@import '~library-name/file'; -
Импортировать CSS из модулей Node:
@import '~library-name/file.css'; -
Импортировать SCSS из узловых модулей:
@import '~library-name/file.scss'; -
Импорт с помощью медиа-запроса:
@import 'path/to/file' (max-width: 768px); -
Импортировать с типом носителя:
@import 'path/to/file' screen; -
Импортировать один раз:
@import 'path/to/file' once;