问题标签 [compass-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 回答
7791 浏览

css - 更改 Compass/Webby 中生成的 CSS 文件的输出目录?

我希望生成的 *.css 文件位于 output/css 目录而不是 stylesheets 目录中。我该怎么做呢?

我已经尝试过:

<项目根>/SiteFile

在我的 Webby SiteFile 配置中,但生成的 css 文件仍输出到默认目录 ("stylesheets")中。我怎样才能改变这个?

0 投票
1 回答
1091 浏览

css - 帮助 Sass 混合和变量(var 被忽略)

我在 sass 部分中有以下混合:

现在,当我尝试使其参数化并添加一些变量时,它们一直被忽略:

我这样使用它:

问题是当我使用我的 mixin 的参数化版本时,宽度属性被忽略了,它甚至没有出现在 CSS 中。你能发现这段代码有什么错误吗?

如果我使用非参数化版本的 mixin,一切正常。

0 投票
1 回答
513 浏览

css - 我可以将 Compass 配置为在不同的驱动器上输出 CSS 吗?

假设我在 D:\Compass 上有一个 Compass 项目(这是我保存源代码的地方),我想在 E:\CSS 上输出我生成的样式表,这有可能吗?我尝试更改 --css-dir 但它不起作用,因为它必须相对于项目目录?有没有人试过这个?

0 投票
3 回答
6077 浏览

css - 如何在 CSS 输出中启用 SASS 行号?

如果我使用 SASS,如何在 CSS 输出中启用行号?我找到了一篇文章,但我不太明白在哪里进行修改

http://pivotallabs.com/users/damon/blog/articles/765-standup-04-07-2009-we-have-questions#comments

你可以帮帮我吗?

0 投票
1 回答
1775 浏览

ruby-on-rails - Rails 指南针库

我已经通过 ruby​​gems 安装了指南针

doug:aggio davide$ sudo gem list compass

*当地宝石*

指南针 (0.10.0.pre2) 指南针颜色 (0.3.1)

*当地宝石*

花式按钮 (0.3.7)

*当地宝石*

haml (2.2.16, 2.2.14, 2.2.13, 2.2.10, 2.2.9, 2.2.6, 2.2.4, 2.2.3, 2.2.2, 2.2.1, 2.2.0, 2.0.10, 2.0.9)haml-edge(2.3.100、2.3.97、2.3.83、2.3.67、2.3.62、2.3.43、2.3.29、2.3.27、2.3.21、2.1.56、2.1。 41、2.1.8、2.1.3)

导轨配置

指南针.rb


指南针配置

这是有关指南针的一些信息:

主要问题是模板位置(指南针库?)。当我导入 blueprint.sass 或其他资源例如花哨的按钮时,指南针找不到库并返回这个

找不到或无法读取要导入的文件:blueprint.sass

但是,如果我在 /app/stylesheets 中复制蓝图和指南针库,效果会很好。我的问题是:我每次都需要从指南针宝石中提取库,还是路径有问题?

0 投票
1 回答
3048 浏览

css - 指南针蓝图混合未定义

我正在尝试让 compass/sass/haml 使用蓝图工作,但对蓝图混合没有任何运气

只会导致 Sass 语法错误 undefined mixin column

我确定我只是遗漏了一些非常明显的东西,但是 compass/haml/sass/bluprint 组合是一次太多的事情,我无法解决。

0 投票
1 回答
569 浏览

ruby-on-rails - 如何将 Blueprint 的表单样式与 password_field 一起使用

我想让我的 password_fields 的样式与蓝图框架的输入字段默认样式相同。为此,我需要在我的 .sass 中添加什么?

0 投票
2 回答
2684 浏览

html - 使用 HAML/SASS/CSS 框架制作静态网站的库

我正在寻找符合以下要求的库或库集合:

  • 可以使用 HAML 和 SASS。
  • 每次刷新浏览器时,都有一个小型服务器功能可以查看编译的 HAML/SASS。(不过,我不想启动一个新的 Rails 应用程序。)
  • 适用于流行的 CSS 框架。(不一定是全部,但主要是 960gs 和 Blueprint)

Compass 似乎很有希望,但它似乎不支持 HAML。至少我正在寻找将 Compass 和 HAML 结合在一起的信息。

编辑chriseppstein 列出了很酷的东西。我会给每一个做一个链接。

0 投票
2 回答
2057 浏览

cakephp - 在 CakePHP 项目中配置 Compass

我一直在研究 Compass,我看的越多,感觉就越像应该编写 CSS 的方式。作为一个测试用例,我想在我的一个 CakePHP 项目中使用它。不幸的是,我在初始配置时遇到了一些问题。具体来说,将资源放在正确的位置并在编译的 CSS 中正确引用。

我正在我的目录中创建一个:stand_alone项目。/app嗯,这就是我想做的。指南针似乎不喜欢那样。在创建项目时,我已经告诉它将 css、图像和 js 放在哪里,实际上,这些资源确实放在了正确的目录中。不幸的是,因为我没有在 webroot 中创建目录,所以在编译时资源被错误地引用。

我正在app/使用以下命令在我的 CakePHP 目录中创建 Compass 项目:

但是,编译后的 CSS 希望将蓝图的showgrid.png图像引用为:

我想这是一个非常可预测的结果,但我不知道如何让编译后的 CSS 引用正确的/img/grid.png?whatever路径。这甚至可能吗?我是否被迫直接在我的 webroot 中创建我的 Compass 项目?

谢谢。

更新

我的config.rb文件内容:

0 投票
3 回答
28592 浏览

css - 如何从 Compass 输出压缩的 CSS?

如何配置指南针以输出较小或压缩的 CSS 文件?我试过compass -s compressed了,但没有用。