如何在萨斯变量会被分配给CSS选择器与基金4?(How do the Sass variables

2019-09-02 00:32发布

我一派,并找遍了这一点,当然通过相关文件消失了,但有一对夫妇的约4基金会的事情,我只是似乎无法左右我的头,与萨斯如何转换。

我已成立了基金会与指南针,使用创建项目的命令,所以萨斯正在运行。 该app.scss文件导入“设置”和“基础”,并且与“手表”进行编译。

我的问题的上半年:据我所知,app.css从组件文件在创业板上市(这是否句话有道理?),但我在哪里可以找到这些组件编译? 哪里是“基础/组件/全球”为实例?

我的问题的下半场:像app.scss声明的变量// $body-bg: #fff; :如何萨斯知道这个变量涉及的CSS? 我不能在任何地方找到它被分配到,比方说, body {background} 。 另外如何萨斯导入上述变量,如果它被注释掉了(在我的例子)? 几乎_settings.scss所有变量都被注释掉。

我花了几天试图让这一点,我觉得我失去了一些非常明显的愚蠢的事情,但我觉得差不多,我希望把我的笔记本电脑窗外:(

Answer 1:

指南针使用时,基金会是所谓罗盘扩展 ( 了解更多关于扩展 )。 它基本上是在一个方式,使他们,使他们提供给你的项目,而不需要复制的文件捆绑的无礼和Ruby文件的集合。

在你config.rb,你可能有这样的事情:

require 'foundation'

这使得扩展提供给您的项目。 在这一点上,你是写在红宝石的Sass函数都必须提供。 为了使在萨斯文件(混入,主题等),你需要导入他们是这样的:

@import 'foundation';

假设扩展使用推荐的命名约定和目录结构,它将包括一个名为从延伸,通常进口一堆的是在扩展中的其他文件_foundation.scss文件。 这是基金会的主导入文件看起来像: https://github.com/zurb/foundation/blob/master/scss/foundation.scss

其中:用于可变通过查看源如何被发现的细节https://github.com/zurb/foundation

在扩展变量通常有一个默认值集。 你的设置文件是给你重写这些值的选项,并写在典型的配置文件风格(即默认值列,但注释掉)。



文章来源: How do the Sass variables get assigned to CSS selectors with Foundation 4?