Где разместить шрифты, используя архитектуру SCSS 7-1?

Question

Где разместить шрифты, используя архитектуру SCSS 7-1?

В настоящее время я реструктурирую свой проект с использованием архитектуры 7-1, как предложено в https://sass-guidelin.es/.

Теперь я использую flaticons в моем проекте. Где в структуре я должен поместить папку и файл scss, предоставленные flaticon, и куда я должен импортировать его?

3

css sass architecture directory-structure project-organization

Источник

user5775556 15 сен '17 в 08:01

1 ответ

Решение

Другие вопросы по тегам css sass architecture directory-structure project-organization

user4375502 15 сен '17 в 20:01 2017-09-15 20:01 · Accepted Answer · 2017-09-15 20:01

Шаблон 7-1 перечисляет следующие подкаталоги вместе с main.scss:

./
  base/
  components/
  layout/
  pages/
  themes/
  abstracts/
  vendors/
  main.scss

Где разместить внешнюю библиотеку / фреймворк scss

Папка vendors предназначена для SCSS внешних библиотек / фреймворков, таких как_flaticons.scss

Если flaticons является каталогом со многими вещами, а не одним файлом, то вы можете просто поместить весь каталог flaticons в папку поставщика.

Импортировать

Вmain.scss в каталоге sass -root: @import 'vendors/flaticons';

или следующее, если ваши вещи находятся в каталоге: @import 'vendors/flaticons-directory/flaticons-main-file'

Будьте внимательны к порядку импорта в main.scss поскольку можно определять общие переменные и миксины в одном файле и ссылаться на них в других файлах, поэтому файлы, которые их определяют, должны быть импортированы перед файлами, которые их используют.

Кроме того, SASS будет скомпилирован в правила CSS в том же порядке, в котором они импортированы, поэтому обычное наследование / каскадирование будет применяться к скомпилированным правилам CSS.