问题标签 [compass]

我正在尝试使用use_percentages按百分比生成具有背景位置的图像精灵。但是在编译 SCSS 文件后，background-position声明仍然以像素为单位。

我的 SASS 代码：

如何让精灵图像按百分比定位？

当我的 gulp 在我的 sass 文件上运行 compass 时，我遇到了以下错误：

我不知道这个错误到底是什么意思，但它指向的文件没有特殊的来源，它只是一个小的合法 scss 文件：

我的 Gulp 流中也不断收到这些错误，这可能是相关的：

当然，我尝试了“原始宝石”，但这无济于事。

我不知道发生了什么，我所知道的是我的 gulpfile 上周还是一样的，而且它工作得完美无缺。我安装了 OSX Yosemite 并没有做任何特别的事情。

我知道我的描述缺少内容，但那是因为我不知道在哪里寻找解决方案，因为我不理解错误。

I have a class that extend .button and .tiny from Foundation 5 Framework.

index.scss

_foundation.scss

_components.scss

With compass 0.12.5 everything works perfectly fine. But if i upgrade my version to 1.0.1 compass telling me that the extend can't be applied because the .tiny selector does not exists.

I've read the changelog of compass and nothing seems to mention that there is a breaking change about extends or imports.

我在安装 Foundation / SASS / Compass 时遇到了麻烦，我想我可能遇到了依赖问题。我尝试运行“compass init”，这在我的 CLI 中输出：

显示错误：

“.ex-class”未能扩展“.class”
未找到选择器“.class”。 如果扩展应该能够失败，
这将是 Sass 未来版本中的错误使用 "@extend .class !optional"

是什么让我遇到了麻烦，Sass 在我系统上的所有其他 git Repos 上编译得很好，我尝试通过更改 Sass 版本，我的团队成员在这个 Sass 和相同版本上工作正常。

我目前正在通过 Vagrant VM Box 运行 Compass 和 Bootstrap 3。

我已经成功地使用 Compass 和 Bootstrap Gem 设置了项目。

我现在开始写我的风格。保存后，我可以看到哪些文件已被修改，以及 CSS 是否已通过 SuperPuTTY 重新编译，当使用compass watch --poll. 但是，无论是通过编译compass watch还是通过编译compass compile，我只是偶尔通过浏览器看到更改。

我不认为这是浏览器缓存问题，因为我已通过开发工具将其关闭，我也尝试过清除缓存，以及直接打开新编译的 CSS?1234并向URL 的结尾。编译时我也没有收到任何错误（这些通常也显示在 SuperPuTTY 中）。

我怀疑问题可能出在引导插件中，因为它require 'bootstrap-sass'已加载到 config.rb 文件中，我目前正在对此进行调查。

是否有人知道对此的任何修复，或者知道 Compass 编译 Bootstrap SCSS 代码的任何问题/错误？

/ - - - 更新 - - - /

经过进一步调查，这似乎是一个缓存问题。该文件在编译后在服务器上似乎是正确的，但是当它到达浏览器时，它似乎保留了旧版本。浏览器缓存被禁用，这是我现在困惑的地方，因为它应该在刷新时请求一个新文件。

我的指南针版本是 1.0.1（北极星）我的 sass 版本是 3.4.5

当我做一个正常的compass watch它工作得很好。我喜欢使用 codekit，我希望它编译我的 scss 文件，但它不是，它让我发疯。

如果任何机构对如何解决此问题有任何想法，请告诉我。提前致谢。

这是我尝试编译时的错误： Compass 无法编译项目中的一个或多个文件：

/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:245:in fu_mkdir mkdir': Permission denied - /Library/Ruby/Gems/2.0.0/extensions/universal-darwin-14 (Errno::EACCES) from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:245:in' 来自 /System/Library/Frameworks/Ruby.framework/Versions/2.0/ usr/lib/ruby/2.0.0/fileutils.rb:219:in block (2 levels) in mkdir_p' from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:217:inreverse_each' 来自 /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:217 :in block in mkdir_p' from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:203:ineach' 来自 /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:203:in mkdir_p' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:210:inwrite_gem_make_out' 来自 /Library/Ruby/Site/2.0.0 /rubygems/ext/builder.rb:132:in build_error' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:171:inrescue in build_extension' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:156:in build_extension' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:198:inblock in build_extensions' from /Library/Ruby/Site /2.0.0/rubygems/ext/builder.rb:195:ineach' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:195:inbuild_extensions'来自 /Library/Ruby/Site/2.0.0/rubygems/specification.rb:1436:in block in build_extensions' from /Library/Ruby/Site/2.0.0/rubygems/user_interaction.rb:45:inuse_ui' 来自 /Library/Ruby/Site/2.0.0/rubygems/specification.rb:1434:in build_extensions' from /Library/Ruby/Site/2.0.0/rubygems/stub_specification.rb:60:inbuild_extensions'来自 / Library/Ruby/Site/2.0.0/rubygems/basic_specification.rb:56:in contains_requirable_file?' from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:925:inblock in find_inactive_by_path' from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:924:in each' from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:924:infind' from /Library/ Ruby/Site/2.0.0/rubygems/specification.rb:924:in find_inactive_by_path' from /Library/Ruby/Site/2.0.0/rubygems.rb:185:intry_activate' 来自 /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:132:in rescue in require' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:144:inrequire' 来自 /Library/Ruby/ Gems/2.0.0/gems/compass-1.0.1/lib/compass/sass_extensions/sprites/engines/chunky_png_engine.rb:2:in <top (required)>' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:inrequire' 来自 /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require .rb:55:inrequire' from /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass/sass_extensions/sprites/engines.rb:25:in'来自 /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:inrequire' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:in要求'来自 /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass/ sass_extensions/sprites.rb:20:in<top (required)>' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:in来自 /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:in require' from /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass/sass_extensions.rb:9:in'来自 /Library/Ruby/Site/2.0.0/rubygems/core_ext /kernel_require.rb:55:in require' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:inrequire' 来自 /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass.rb:14:in block in <top (required)>' from /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass.rb:13:ineach' 来自 /Library/Ruby/Gems/2.0 .0/gems/compass-1.0.1/lib/compass.rb:13:in <top (required)>' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:135:inrequire' 来自 /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:135:in rescue in require' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:144:inrequire' 来自 /Applications /CodeKit.app/Contents/Resources/engines/compass/compass/bin/compass:41:inblock in <main>' from /Applications/CodeKit.app/Contents/Resources/engines/compass/compass/bin/compass:29:infallback_load_path' 来自 /Applications/CodeKit.app/Contents/Resources/engines/compass/compass/bin/compass:40:in `'

在我的 Gruntfile.js 中，我有一个具有 2 个依赖项的以下 Compass 任务：

全新安装 Yosemite 后，现有项目中的 Grunt 任务在每个依赖项上都会引发以下错误（无论是modular-scale还是susy）：

/Users/Cibulka/.rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/lib/compass/configuration/data.rb 行 ["179"] 上的 LoadError：无法加载此类文件 - - 模块化规模

我正在为 Ruby 使用 RVM，但老实说，我大部分都不懂（我只需要我的 Sass 工作！）。这是我的gem list：

请注意，Susy 和 Modular-Scale gem 都存在。

我的 $PATH：

知道我在做什么错吗？那里丢失了类似的问题，但似乎没有一个对我有用（或者有非常不同的情况，或者答案是用户忘记安装 gem）。

先感谢您！

编辑

好的，经过进一步的修补，我设法找到了解决方案。

在/Users/Cibulka/.rvm/gems目录下，我删除ruby-2.1.2@global了指向/Users/Cibulka/.rvm/rubies/ruby-2.1.2/lib/ruby/gems/2.1.0. 出于某种原因，它修复了一些问题。我自己绝对没有把符号链接放在那里。:)

我的问题是 - 为什么这有效，符号链接首先在那里做什么？另外，删除符号链接是解决方案还是只是消除更深层次问题的症状？

谢谢！

我有一个图标文件夹，我使用指南针来精灵图像：

这是在 /stylesheets/global/icons.css.scss 文件中

现在，在 /stylesheets/application/index.css.scss 文件中我需要使用：

我在 application/index.css.scss 中的 application/ 之前包含 global/ 文件夹：

但我有一个错误：

现在的解决方案是重复我在这篇文章中放在 application/index.css.scss 中的第一个块。

但是，如果我将手动“icons-foo”放入 DOM 元素的类中，则该类是匹配的并且可以工作......

如何不重复相同的指令？如何导入一次精灵并在其他文件中使用它们？

更新：这似乎是 apache 的问题，因为它发生在其他非 magento/compass 项目中

编译本身不会遇到任何问题。但是，出于以下考虑，浏览器并不总是显示我对 scss 文件所做的更改

-禁用浏览器缓存

-Magento 缓存已禁用

-Apache2 重新加载

- 终端中的指南针输出正确

我用 compass 用命令编译 sass：

是什么赋予了？为什么我所做的更改不是每次都显示，而是有时显示？

这是的输出日志

在 02:52:38 检测到更改为：styles.scss overwrite ../css/styles.css 在 02:52:54 检测到更改为：styles.scss overwrite ../css/styles.css
在 02:53 检测到更改:16 到：styles.scss 覆盖 ../css/styles.css

即使有了这个输出，也没有任何改变，但如果我等待一段时间，改变就会出现......

这是 config.rb 文件：