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

如何使用Foundation 4将Sass变量分配给CSS选择器?

柯曜文
2023-03-14
问题内容

我已经搜索并搜索了所有内容,当然也查阅了相关文档,但是关于Foundation 4的一些事情,我似乎无法理解,涉及Sass的转换方式。

我已使用create
project命令使用Compass设置了Foundation,因此Sass正在运行。app.scss文件正在导入“设置”和“基础”,并使用“
watch”进行编译。

我的问题的前半部分:我了解app.css是从gem中的组件文件编译而成的(那句话有意义吗?),但是在哪里可以找到这些组件?例如,“基础/组件/全局”在哪里?

我的问题的后半部分:在app.scss中声明的变量如下`// $body-bg:

{background}`。如果注释掉了,Sass怎么导入上面的变量(如我的例子)?_settings.scss中的几乎所有变量都被注释掉了。

我花了几天的时间试图做到这一点,感觉好像我错过了一些非常明显的愚蠢的事情,但是我几乎觉得我想把笔记本电脑扔到窗外:(


问题答案:

与Compass一起使用时,Foundation称为 _CompassExtension_了解更多关于Extensions的信息。它基本上是Sass和Ruby文件的集合,这些文件以某种方式捆绑在一起,使它们无需复制文件即可用于您的项目。

在您的config.rb中,您可能会有类似以下内容:

require 'foundation'

这使得扩展可用于您的项目。至此,您所能使用的就是用Ruby编写的Sass函数。要引入Sass文件(mixins,主题等),您需要像这样导入它们:

@import 'foundation';

假设扩展使用推荐的命名约定和目录结构,它将包含来自扩展的名为_foundation.scss的文件,该文件通常会导入该扩展内的其他文件。

扩展名中的变量通常具有默认值集。您的设置文件为您提供了覆盖这些值的选项,并以典型的配置文件样式编写(即,列出了默认值,但已将其注释掉)。



 类似资料:
  • 此代码在Sass中不起作用: 为什么这不是有效的语法?正确的语法是什么?

  • 问题内容: 我正在使用以下代码: 该值不警报。怎么了 问题答案: 实质上:

  • 我想将引用分配给变量p: 这样我就可以像这样使用它: 表达式[1]产生编译错误,如何解决? 线程"main"中的异常java.lang.错误:未解决的编译问题: PrintStream类型中的println(Object)类型为void,这与描述符的返回类型void不兼容 如果将更改为,则错误变为: 线程“main”java中出现异常。lang.错误:未解决的编译问题:语法错误,插入“维度”以完成

  • 问题内容: 假设我有一个功能 现在,我想将函数分配给一个名为的变量,这样,如果我使用,它将再次调用该函数。如果我只是做作业,它就会返回。 问题答案: 您根本不调用该函数。 括号告诉蟒蛇,你调用的函数,所以当你把它们放在那里,它调用的功能,并指定值 返回 的(在这种情况下)。

  • 目前,我遇到了一个与将Golang变量分配给Javascript变量相关的问题。我正在使用Golang模板,因此,我从后端发送了一个JSON变量,就像这样: 如您所见,我有一个切片,将其转换为Json,然后将Json转换为string,并将其发送到模板。然后,在前端我需要把它赋给一个变量,它应该是有效的JSON,我有这个: 但是,我得到的是语法错误:预期的属性名,得到的是“{” 所以,我的问题是:

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