使用SCSS 7-1架构放置字体的位置?

时间:2017-09-15 08:01:05

标签: css architecture sass directory-structure project-organization

我目前正在使用https://sass-guidelin.es/#architecture中提出的7-1架构重构我的项目。

现在,我在我的项目中使用flaticons。在结构中应该放置flaticon提供的文件夹和scss文件,我应该在哪里导入它?

1 个答案:

答案 0 :(得分:2)

7-1 pattern列出以下子目录以及./ base/ components/ layout/ pages/ themes/ abstracts/ vendors/ main.scss

_flaticons.scss

放置外部库/框架scss的位置

vendors文件夹适用于外部库/框架的SCSS,例如@import 'vendors/flaticons';

如果flaticons是一个包含许多内容而不是单个文件的目录,那么您可以将整个flaticons目录放在供应商的文件夹中。

导入

在sass-root目录的 main.scss 中:@import 'vendors/flaticons-directory/flaticons-main-file'

或以下内容,如果您的资料位于目录中:main.scss

请注意<p onclick="redirect('http://example.com/Files/File123.pdf')">Click here for PDF</p> <script> function redirect(link) { window.location = link; } </script> 中的导入顺序,因为可以在一个文件中定义常规变量和mixin,并在其他文件中引用它们,因此必须在文件之前导入定义它们的文件。使用它们。

此外,SASS将按照导入的顺序编译为CSS规则,因此正常的继承/级联将应用于编译的CSS规则。