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

Rails 4:如何使用Sass映射?

夏令秋
2023-03-14
问题内容

我正在尝试为Rails 4.1应用程序清理一些样式。我不想列出每种颜色及其变化,而是想创建颜色/值的映射,然后通过对其进行迭代来生成CSS。

# colors.css.scss
$colors: (
  "red": #330000,
  "blue": #003300
);

但是,我从中得到以下错误:

Invalid CSS after "$colors: (red": expected ")", was ": #330000, blue..."

我可以使用Sass变量和mixins很好;为什么也不能使用SASS映射?


问题答案:

正如@dinocarl所指出的那样,SASS 的maplist功能在版本3+中。我必须将sass-railsgem
升级到版本5+,因为该版本的gem包SASS 3+。升级gem版本后,它像魔术一样工作(也很少有其他必须更新的依赖项)。



 类似资料:
  • 我在尝试“以Rails的方式”组织JS文件时遇到了Rails4应用程序中的一个问题。他们以前分散在不同的观点。我将它们组织到单独的文件中,并用资产管道编译它们。但是,我刚刚了解到,当turbo-linking被打开时,jQuery的“ready”事件不会在随后的点击时触发。当你第一次加载一个页面时,它就可以工作了。但是当您单击一个链接时,中的任何内容都不会被执行(因为页面实际上不会再次加载)。 所

  • 问题内容: 我在“事件”页面视图中有4个选项卡部分。我可以在请求事件页面时提取并呈现每个选项卡的所有内容的地方工作。对于扩展性来说,这似乎不是一个好的解决方案。 单击选项卡时,如何使用AJAX获取每个选项卡的内容? (第一次进行…理论上看起来很简单,但是无法正常工作) 我尝试添加到选项卡链接,但与页面内引用无法很好地结合- 对所有选项卡都执行相同的get请求,这使得很难确定请求的选项卡内容。如果将

  • 我曾经能够在NetBeans 8中安装和使用Sass,如关于如何在NetBeans 8.0.1中使用Sass的顶级答案所述 现在,使用当前版本的Sass(1.14.1),安装是不同的。基本上只是下载和解焦油。完成了,我已经将NetBeans指向了正确的位置。但是当前版本的Sass不能从NetBeans中正确运行:

  • 我希望我已经提供了所需的所有信息。在这个专家小组中,请大家在这个问题上帮助我。任何小小的帮助对我都是最大的帮助。提前感谢您的帮助。

  • 我正在开发一个API,在那里我设置了一些路由,即 http://myremoteurl.com/service/?param1=sserialNumber&param2=ivideoSystemId&param3=smac&param4=itemId

  • 我想在Angular CLI创建的Angular4项目中使用引导4和SASS。 我尤其需要: 使用SASS而不是CSS作为全局样式和组件样式 将Bootstrap SASS源代码与我的自定义*. scss样式一起编译 确保我的自定义样式覆盖了Bootstrap源,这样我就可以在需要时覆盖Bootstrap源,而无需编辑Bootstrap源本身(便于升级Bootstrap源版本) 添加手表