当前位置: 首页 > 面试题库 >

如何仅从Sass样式表中导入变量和混合?

闻人业
2023-03-14
问题内容

我正在使用Zurb Foundation 4(S)CSS框架,并且遇到了大量重复样式的问题。这是因为在每一个文件,我@import 'foundation'在,从基金会的所有样式也导入(对于规则body.row.button和朋友)。由于所有Zurb的样式都被声明为四到五次,因此这会导致SCSS编译时间长,并且难以在Chrome中浏览Web开发者控制台。

为了减轻这种情况,我创建了一个globalsscss文件,其中包含Foundation使用的可覆盖变量(从中复制粘贴foundation_and_overrides.scss,然后foundation_and_overrides导入全局变量)。仅导入globals.scss文件将避免重复,仅在不使用Foundation
mixins的文件中。

正是在使用Foundation mixins的文件中:是否可以仅从SCSS文件中导入mixins,而不导入具体的Foundation样式?


问题答案:

进口是全有还是全无。文件中的所有内容都是您得到的。但是,如果您查看Foundation的来源,则可以修改一些变量,这些变量将禁止显示样式(例如,在button中,设置$include-html-button-classes为false将禁用样式)。该设计模式是特定于Foundation的,您不能期望以此方式创作其他库。

当通过导入基础时@import"foundation",您将导入以下文件:。如您所见,它将导入其他文件。如果您不需要所有内容,则不必导入此文件:只需导入所需的特定文件(例如@import'foundation/components/side-nav',仅用于side-nav文件)。



 类似资料:
  • 问题内容: 我想根据用户选择的值导入一些软件包。 默认值为: 如果用户选择,则应为: 在PHP中,我可以使用变量variable来做到这一点: 如何在Python中执行此操作? 问题答案: Python没有与PHP的“变量变量”直接等效的功能。要获取“变量变量”的值(或任何其他表达式的值),可以使用该函数。 但是,这不能在语句中使用。 可以使用该函数通过变量导入。 相当于

  • 我设置了一个mixin来进行跨浏览器计算, 我还有一个变量。 我希望能够在其中使用一个变量。 但我不确定这是不是最好的办法。

  • 有一段时间,我使用PlantUML创建时序图。一切正常…但看起来有点无聊和“极客”样。 所以我在谷歌上搜索漂亮的精灵,并在GitHub上找到了PlantUML Icon-Font Sprites。我成功地将精灵包含在我的序列图中,但当我使用它们时,我遇到了语法错误。经过一番调查,我发现 PlantUML 尝试创建状态图,并且序列图的某些元素(如分隔符)无效。 所以我的两个问题: PlantUML如

  • 在将excel文件导入SAS时,我发现由于变量格式错误,导入操作不正确。 尝试导入的表如下所示: 我使用的代码如下: 所发生的是“条形码”列已经超过12。因此,ID=4的格式和大小写会得到一个缺少的值('.'),因为它们最初同时包含字符和数字。 因为它是不可能改变一个变量的格式在程序步骤如何才能正确地导入文件,并只使用SAS编辑器? 编辑: 另一个可以完成一半工作并且可能会带来一些启发的选项是通过

  • 问题内容: 我是Python和一般编程的新手(最多几个星期)。 关于Python和使用模块,我意识到可以使用导入函数。 所以不用打字 我可以说 我发现这大大简化了工作。现在,说我想在模块之间使用一堆 变量 ,并将它们全部定义在一个python模块中。如何使用上述类似方法或同样简单的方法导入这些变量。我不想使用,然后要求在所有变量前面加上。 理想的情况是以下情况: py b.py 输出: 问题答案:

  • 有没有办法将一个变量从主文件导入到另一个类。 例如: 在Java处理中,主选项卡中声明的变量可以在任何地方使用,但在Python处理中却不是这样。