Rails 4:如何使用 Sass 映射?

2024-04-03

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

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

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

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

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


正如@dinocarl 善意指出的那样,map and listSASS 的功能在版本 3+ 中。我必须升级sass-railsgem 升级到版本 5+,因为该版本的 gem 封装了 SASS 3+。在我升级了 gem 版本后,它的工作就像一个魅力(还有一些我必须更新的额外依赖项)。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Rails 4:如何使用 Sass 映射? 的相关文章

  • 严格/过渡 DOCTYPE 之间的浏览器渲染差异

    前段时间我遇到了一个 问题 但我从未深入了解过 希望有人能够照亮它 当我将 DOCTYPE 从严格更改为过渡时 是什么导致某些浏览器 Chrome Opera 和 Safari 以不同方式呈现页面 我知道造成这种情况的一般原因是触发了怪异模
  • 如何防止 CFDocument 中的内容中间发生分页?

    我使用 cfdocument 标签从 html css 动态生成 PDF 文件 有些内容块我不想跨越多个页面 经过一番搜索后 我发现根据文档支持 page break inside 样式 然而 在我的测试中 声明 page break in
  • 如何在Eclipse中集成CSS预处理? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我想在 Eclipse 中编辑 SCSS 文件 最好使用语法突出显示 scss files 我发现这些资
  • 如何向 Rails 应用程序添加自定义字体?

    我想在 RoR 应用程序中使用几种字体 但它们的格式主要是 ttf 和 otf 等 我该如何将这些文件嵌入到我的 Rails 应用程序中 也就是说 一旦我将它们放入我的资产文件夹中 将它们嵌入我的 CSS 和 或 LESS 文件中的语法到底
  • Firefox Placeholder Before CSS 选择器不起作用

    我使用的是最新的firefox 30 0 我正在尝试在必填字段的占位符之前插入红色字体真棒星号 我在 Chrome 中工作没问题 但我在 FF 和 上遇到问题 这是一个说明我的问题的代码笔 http codepen io anon pen
  • html css 下拉菜单

    这是我第一次在 Stack Overflow 上发帖 我不熟悉论坛发帖规定 所以请让我知道我做错了什么 我在论坛中研究过这个问题 但我所遇到的一切都没有给我明确的答案 我试图从 新闻 元素创建一个下拉菜单 但在运行代码时我从未得到任何可见的
  • CSS: *html #id_name

    我有这个代码 html alertBox height 100px modalContainer gt alertBox position fixed 这是由CSS支持的吗 我在其他网站上找到了这段代码 我忘记了链接 html alertB
  • 如何向 CSS 形状添加偏移轮廓?

    我在创建带有斜角边缘的块时遇到了一些问题 此外我需要一个斜角的边框并稍微偏离主块 问题是这个块可以根据屏幕响应 不知道具体的方法 希望大家帮忙 这就是我现在所做的 box display flex padding 20px height 2
  • Internet Explorer 中的锯齿状按钮边缘

    如何去除 Internet Explorer 中宽按钮的锯齿状边缘 例如 您还可以通过设置来消除 Windows XP 的按钮样式 以及 Windows 的所有其他版本 background color and or border colo
  • 像在 tumblr 注册页面上那样鬼写

    有谁知道如何创建一个类似 tumblr 的字段 http www tumblr com http www tumblr com 这是一个 URL 字段 其中有一些褪色的文本 然后当您单击它并键入时 它会附加一些文本 tumblr com 您
  • Rails 4:将数据库导出到 YAML

    使用 Rails 2 3 可以使用几个插件之一将数据库轻松导出 转储 到 YAML 请参阅将数据库表导出到 YAML 文件的最佳方法 https stackoverflow com questions 490507 best way to
  • CSS 网格框架中的间距有什么作用?

    我正在深入研究 Web 开发 并且正在使用 Blueprint CSS 框架 其中包括网格系统 我有几个问题 水沟有什么用处 当然 它们不用于在列之间包含空间 因为您可以使用 margin CSS 属性来实现这一点 对吗 或者排水沟只是一种
  • 如何使用 CSS 媒体查询检测设备方向?

    在 JavaScript 中 可以使用以下方式检测方向模式 if window innerHeight gt window innerWidth portrait true else portrait false 但是 有没有一种方法可以仅
  • 内嵌显示定义术语和描述

    我正在为页面上的某些元素使用定义列表 并需要它们内联显示 例如 它们normally看起来像 我需要它们看起来像 注意多个 DD 我可以让它们在 moz 中使用 float 来正常工作 但无论我尝试什么 它们都无法在 IE 中工作 我通常会
  • 适用于移动设备的响应式订单确认电子邮件?

    我从未见过令人惊叹的订单确认 发票电子邮件 即使是最好的 html5 网站也会发送糟糕的订单确认电子邮件 有时是纯文本 我相信这是因为发票通常需要使用表格来显示购买的物品 这在移动设备上实现起来非常困难 我发现了一些让手机上的表格更易于管理
  • 如何在 webpack 中渲染嵌套的 SASS?

    采取以下CSS MyComponent color blue Button color red 以及以下 React 组件 import React from react import classes from MyComponent sc
  • 我可以使用 ASP.NET WebForms 母版页在每个内容页中包含不同的 javascript/css 文件吗?

    我有几个使用相同母版页的内容页 它们并不都需要包含在相同的 javascript 和 css 文件中 tag 是否可以更改内容来自内容页面的标签 确实如此 但我建议采取一些不同的做法 我在关闭正文标签的正上方放置了一个内容占位符 然后我填充
  • PDF 在 Safari 中隐藏 Jquery Modal

    这是与我有关的事情this https stackoverflow com questions 24052681 pdf hide jquery modal in ie问题 在 IE 中 我在对话框中使用 iframe 解决了问题 所以它工
  • Bootstrap 导航栏与 Google 位置重叠自动完成下拉菜单

    我有一个导航栏 我试图在其中添加一个地点搜索框 除了谷歌位置提示框的一小部分被导航栏重叠 如下图所示 之外 一切几乎都有效 我尝试过改变z index输入框的值改为10或2000或90000但似乎没有效果 我还缺少其他需要做的事情吗 这是
  • ng-include 和 ng-view 不同时加载

    下面是我的应用程序的结构 很简单 页眉和页脚是非常小的文件 而主页上的 ng view 要大得多 当我进入该页面时 我注意到了这一点 首先加载两个 ng include 然后 ng view 出现 页脚被推到底部 页脚闪烁大约 0 1 秒

随机推荐

  • 按 T​​ab 键时我们如何选择 mat 选项?,它应该像 mat-autocomplete Angular 6 中的输入按钮一样工作

    按下 Tab 键时我们如何选择 mat 选项 它应该像 mat autocomplete Angular 6 中的输入按钮一样工作 在下面的 URL 中 当按 Enter 时它会工作 但每当我们按 Tab 按钮时 它应该选择突出显示的选项
  • N 开发人员预览版的正确项目配置是什么?

    该文档声称build gradle像这样的作品 android compileSdkVersion android N buildToolsVersion 24 0 0 defaultConfig minSdkVersion N targe
  • 绑定通用成员函数

    有时我需要将一些成员函数绑定到其调用对象 以相同的同构方式对待成员函数和非成员函数 例如 典型的回调示例 include
  • 获取插入符位置的元素节点(在 contentEditable 中)

    假设我有一些像这样的 HTML 代码 h1 Some heading text here h1 p Some text here p 现在插入符号 闪烁的光标 在 h1 元素 让我们用这个词来说 heading 如何使用 JavaScrip
  • 如何将 jqGrid (4.x) 配置为 TreeView

    我已经获取了演示代码并尝试修改它以满足我的需要 但不幸的是我无法获得所需的结果 树网格正在加载和 绑定 但在展开和折叠期间层次结构似乎存在问题 我希望它默认保持展开状态 看起来它正在对它应该的数据发出另一个 ajax 请求不要做 第一次调用
  • 如何使用 Twitter Bootstrap v3.0 构建两列流体布局

    由于 bootstrap 在 v3 0 中删除了 fluid css 类 因此我找不到构建两列流体布局的方法 目标是实现类似于旧文档中的流体布局示例的布局 http getbootstrap com 2 3 2 scaffolding ht
  • Silverlight 控件是否应该重新加载到页面上?

    几个月前 我开始自己开发 Silverlight 应用程序 我很快发现我的大多数控件无法获得预期的垃圾回收 我在 WinDBG 和 ANTS 内存分析器上苦苦挣扎了大约一周 然后在 Silverlight 论坛 http forums si
  • Visual Studio 2013 写入时缩进不起作用

    我有这样的代码 class Myclass 我现在想添加一些代码 例如一个方法 我在 之后直接按 Enter 键 希望得到这个 是光标所在的位置 class Myclass 不过我得到这个 class Myclass 如果我现在输入一个方法
  • 动态加载的JavaScript可以卸载吗?

    我正在编写一个具有静态外壳和动态内容部分的 Web 应用程序 当用户浏览系统时 动态内容部分有许多更新 当加载新的内容块时 它还可以选择加载另一个 JavaScript 文件 以良好管理的名义 我从 DOM 中删除了适用于旧内容块的脚本块
  • 如何在 C# 中创建 NVarchar(max) Sqlparameter? [复制]

    这个问题在这里已经有答案了 我有以下代码来使用存储过程并输入字符串参数 JobNumbers 来拉回 DataTable 该参数是动态创建的作业编号字符串 因此长度未知 using SqlConnection connection new
  • 使用季度数据格式化scale_x_连续轴

    我有一个统计数据集 分为两组 汇总为季度计数 这Date Qtr变量是通过 lubridate 从更大的数据集中导出的 数据框如下 dat structure list Group structure c 1L 1L 1L 1L 1L 1L
  • Rails 嵌套表单不更新嵌套模型

    我在尝试更新表单中的嵌套模型时遇到问题 我没有收到任何错误 但属性没有更新 我有以下模型 class Trip lt ActiveRecord Base has many segments accepts nested attributes
  • Moment.js 一周的第一天不正确

    这是我第一次使用 Moment js 我尝试检索一周第一天的日期 在欧洲这通常是星期一 无论我做什么 星期天都是一周的第一天 我尝试设置不同的语言 本地或全球 但无济于事 我使用 langs min js 文件moment js githu
  • 使用正则表达式拆分和替换 javascript 中的 unicode 单词

    需要将 unicode 单词列表放入 中的 unicode 字符串中 有我的代码 var txt One one one two two two two two tw tw u three tw f ur var re new RegExp
  • valueOf 总是覆盖 JavaScript 中的 toString 吗?

    对象的 toString 方法是否存在任何表达式隐含地调用重写其 valueOf 方法 在下面的示例中 始终隐式调用 valueOf 覆盖 toString 4 toString function return 4 valueOf func
  • 从fetch->promise->response获取数据

    我正在尝试将一些数据发布到服务器 但我不知道如何取回响应数据 我有以下代码 fetch url method POST headers Accept application json Content Type application jso
  • 如何使用 Apache Thrift 将图像从 Python 流式传输到 C++

    如何使用 Apache Thrift 流式传输文件 图像 我搜索了很多关于 Thrift 的信息 但没有找到任何与之相关的书面文档 为什么 Facebook 在没有文档的情况下开源这个项目 我建议的方法是设置您的服务以分块传送数据 如下所示
  • MVVM 和嵌套视图模型

    我有一个简单的示例 其中我正在创建一个由列表框组成的视图 并且该列表框显示一堆项目 我想知道我是否在这里正确创建视图模型和模型类 在这种情况下使用正确的任何值 我知道这有点主观 但我当前的解决方案感觉不正确 这是一个简化版本 ViewMod
  • 即使将frameborder设置为0后,iframe边框周围仍然存在空白

    即使将 iframe 中的frameborder属性设置为0后 iframe边框周围仍然存在一些空白 与原始url 链接页面不同 有没有其他方法可以消除空白 或者必须在 iframe 周围呈现一些白色 因为它位于网页 或其一部分 内 并且不
  • Rails 4:如何使用 Sass 映射?

    我正在尝试清理 Rails 4 1 应用程序的一些样式 我不想列出每种颜色及其变体 而是创建颜色 值的映射 然后通过迭代生成 CSS colors css scss colors red 330000 blue 003300 但是 我从中得