问题标签 [sass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
4307 浏览

ruby-on-rails - Rails3 和 Sass::Plugin::options

当我尝试添加Sass::Plugin.options[:style] = :compact到 environment.rb

当我尝试启动我的服务器时,我得到:

未初始化的常量 Sass (NameError)

我已添加gem 'haml', '3.0.0'到我的Gemfile中。

有人遇到过这个吗?

0 投票
2 回答
1577 浏览

sass - blueprint-typography-body([$font-size]) 的正确用法是什么?

最近转换为 RoR 并且我一直在使用Compass w/Blueprint进入众所周知的池中。Compass 非常棒,但我在 Typography 库中遇到了一些奇怪的东西。

blueprint-typography-body mixin包含以下内容:

我的问题围绕着“字体大小”。我有点迷茫,因为我希望传递字体大小并在页面加载时反映该大小。但是,在这种情况下,公式似乎规定了默认字体的百分比。

IE:

本质上,我很好奇 Compass 中是否有设置字体大小的标准,而不是明确声明“font-size: 10px”。

注意:我倾向于 Blueprint/Compass 字体样式的原因是行高、字体和颜色的标准化。

0 投票
2 回答
12547 浏览

css - 将 CSS 字体大小/行高存储在 Sass 变量中

有没有办法将字体大小/行高存储在Sass变量中,如下所示:

使用这个声明,我得到了文档中描述的一个部门。有没有办法避免分裂?
注意:我使用 scss 语法。

0 投票
1 回答
789 浏览

css - compass/sass 中的嵌套列

我一直在研究指南针,虽然玩和使用它是一件有趣的事情,但有一件事困扰着我(除了无法添加填充物,因为它破坏了网格),我如何嵌套列?

我希望能够做蓝图所做的事情:嵌套容器,比如说,我有一个 24 列的页面,分为两列(17 列和 7 列)。在该页面的右侧(有 7 列的那个),我想将一些元素分成两列(2 列和 5 列)。

我试过这个:

这是主页的代码。侧边栏包含一个带有一些标签和输入字段的列表

有点工作,但检查 li 在 firebug 中显示它的宽度实际上是 950px 而不是只有 270px,因为它只有 7 列。我尝试在谷歌上搜索嵌套列,但似乎在指南针中找不到任何示例。我也尝试过 wiki 和文档,但无济于事。

0 投票
4 回答
4260 浏览

ruby-on-rails - rails + compass:直接使用haml + blueprint的优势

我有一些在 Rails 项目中使用 haml (+sass) 的经验。我最近开始将它们与 blueprintcss 一起使用——我唯一做的就是将 blueprint.css 转换为 sass 文件,然后从那里开始编码。我什至有一个默认包含所有这些的Rails 生成器。

似乎Compass做了我所做的事情,以及其他事情。我试图了解其他的东西是什么——但文档/教程不是很清楚。

这些是我的结论:

  • Compass 带有内置的 sass mixins,它们实现了常见的 CSS 习惯用法,例如带有图标的链接或水平列表。我的解决方案没有提供类似的东西。(指南针 1 分)。
  • Compass 有几个命令行选项:您可以创建一个 rails 项目,但您也可以将它“安装”在现有的 rails 项目上。我猜,rails 生成器可以个性化来做同样的事情。(领带)。
  • Compass 有两种使用蓝图的模式:“基本”和“语义”使用。我不清楚它们之间的区别。使用我的 rails 生成器,我只有一种模式,但似乎已经足够了。(领带)
  • 显然,Compass 准备使用除蓝图之外的其他框架(例如 YUI)。我找不到太多关于此的文档,而且我对此也不感兴趣 - 蓝图对我来说没问题(领带)。
  • Compass 的学习曲线似乎有点僵硬,而且文档似乎很少。学习可能有点困难。另一方面,我知道自己系统的来龙去脉,并且可以立即使用它。(我的系统得 1 分)。

有了这个分析,我犹豫要不要尝试 Compass。

我的分析正确吗?我是否遗漏了任何关键点,还是我错误地评估了这些点?

0 投票
2 回答
1291 浏览

ruby-on-rails - Sass mixin 不编译?

我之前在 sass 2.2.22 中为我的字体大小制作了一个 mixin(它是一个字体转换器),如下所示:

自从我一年前第一次制作它以来,它就一直在工作。我们刚刚升级到 haml/sass 3,现在每当我尝试刷新正在处理的页面时,都会出现 sass 编译错误,如下所示:

http://grab.by/4yFE

我不明白,因为 Sass 3 文档说 mixins 的 = 声明没有被弃用。我尝试卸载haml 3.0,重新启动我的服务器并删除生成的css文件,现在它显然可以工作了。问题是,我需要 haml 3 用于我们刚刚开始使用 Compass 的另一个相关项目。

当文档声称声明未被弃用时,为什么编译器会抱怨?

0 投票
1 回答
5154 浏览

css - 使用 :sass 过滤器和 :css

我们目前正在制作一个需要一些默认声明样式的小部件(javasacript 包含小部件 html,以及样式标签中的默认 css),但问题是我无法“链接”haml 过滤器。

我想要做的是添加一个内部样式表以及像这样的小部件:

我们正在使用 haml,所以我尝试使用 sass 过滤器:

可悲的是,它只是生成了一个带有 ap 的 div 加上生成的 css 代码在上面:

然后我尝试使用 haml 的 :css 过滤器将内容包含在样式标签中(理论上它应该将段落文本颜色变为红色):

但这也失败了,它确实生成了样式标签,但它只是在其中包含了单词 :sass p :color #f00 (它没有解析 sass 代码)

我们确实将其更改为

效果很好,但我仍然计划在 sass 中进行样式设置(而不是普通的旧 css)有没有办法做到这一点?

0 投票
5 回答
3376 浏览

ruby - 如何使用 Sinatra 指定自定义 Sass 目录

我不想从默认的“views”目录中提供我的 Sass 文件,而是将其更改为/assets/sass

以下尝试位于应用程序的主 ruby​​ 根文件中:

尝试1:

有了这个我得到以下错误:

尝试2:

尝试 3:

两者都返回以下错误:

尝试4:

这行得通!但是,一定有一些类似的东西set :sass, Proc.new { File.join(root, "assets/sass") }为我设置了这个?

0 投票
1 回答
1110 浏览

ruby-on-rails - 重新打开 SASS Mixins

有没有办法重新定义 SASS mixins。我想覆盖 SASS mixin 以满足特定于站点的样式需求。有没有办法做到这一点?

0 投票
1 回答
2731 浏览

ruby-on-rails - 在 SASS 中访问 Ruby 变量(来自模型或控制器)

有没有办法在 SASS 中访问 Ruby 变量,还是我必须为它创建一个自定义函数?

我要做的是为每个用户生成一个样式表,因此在控制器中,我执行以下操作:

然后在视图名称 _styles.haml 我这样做:

这可能吗?

*显然不是:http ://sass-lang.com/docs/yardoc/file.FAQ.html#q-ruby-code

除了我们所做的这个“脏”代码修复之外,还有其他方法吗(然后我们将 _styles 部分转换为 rhtml)

有没有办法在haml中做到这一点?