Tag: compass sass

Rails 3.0 – 在生产中关闭Compass / SASS – 样式表404: 我在Heroku上运行Compass on Rails 3.0并且它的工作正常，但我偶尔会遇到一个问题，其中（某些？）样式表的编译速度与页面的其他部分一样快，因此它们不会被提供（。 css链接导致404，然后页面显示为无样式）。你们知道如何让Compass在服务器启动时编译所有样式表（在prod中），然后再不再触摸它们吗？这样它基本上可以预编译所有必要的样式表，并且不存在问题？或者，在heroku部署之前调用一些脚本将所有样式表编译为公共/样式表，然后完全关闭生产中的Compass会更有意义吗？谢谢！

让Susy和Compass在轨道上安装ruby: 我刚刚开始使用ruby on rails，我尝试做的第一件事就是安装gem指南针和susy。在弄清楚我需要将它们包含在gemfile中之后（我正在使用RubyMine并认为它会为我做），当我尝试将susy导入时，我仍然错过了“找不到”，“susy”错误我的一个css.scss文件。我有ruby版本1.9.3（194）和rubygem版本1.8.23 任何帮助我在我的包中需要哪些gem（和版本），如何确保他们进入项目包，非常感谢。

Sass：根据样式表限制处理IE 4095选择器: 注意：此问题涉及使用Sass＆Compass的Rails项目。使用Rails资产管道？然后看看这个问题。我们正在开发一个包含许多用例和许多单独样式页面的大型应用程序，部分用于多个上下文。这仅仅意味着很多风格信息。使用我们应用程序的最新部分，我们已经破坏了Internet Explorer每个样式表4095个选择器的限制。（想要certificate这个限制吗？ http：//marc.baffl.co.uk/browser_bugs/css-selector-limit/ ）好的。那么，为什么我们不能简单地将应用程序样式表分成多个设计呢？好吧，mixins和selectorinheritance不能用于多个Sass文件（不是部分），对吧？我会说样式表的质量相当不错，我们无法优化掉选择器的数量。（还有更多的事情要发生。）我还认为，尽量减少选择器的数量不应该是我们的主要优化目标。 Sass核心团队建议在适用的情况下使用选择器inheritance而不是mixins来保存CSS文件大小。通过这样做，选择器的数量趋于增长。所以我该怎么做？我正在考虑编写一个生成额外css文件的脚本，对我的大application.css文件进行分区。这些只会在IE中加载（因此我在现代浏览器中没有多个请求）。我需要一个简单的css解析器，以便在max之后剪切application.css文件。 4095个选择器位于有效位置。我需要一个指南针编译 – 挂钩后，开发人员不需要手动生成IE文件，以便测试它。请告诉我，你有更好的主意！最好的，基督徒

rails + compass：直接使用haml + blueprint的优势: 我在rails项目上使用haml（+ sass）有一些经验。我最近开始使用blueprintcss – 我唯一做的就是将blueprint.css转换为sass文件，并从那里开始编码。我甚至有一个rails发生器，默认包含所有这些。似乎Compass完成了我的工作和其他事情。我试图了解其他东西是什么 – 但文档/教程不是很清楚。这些是我的结论： Compass带有内置的sass mixin ，可实现常见的CSS习语，例如带图标或水平列表的链接。我的解决方案没有提供类似的东西。（指南针1分）。 Compass有几个命令行选项：您可以创建rails项目，但您也可以在现有的rails项目上“安装”它。我想，轨道发电机可以个性化来做同样的事情。（领带）。 Compass有两种使用蓝图的模式：“基本”和“语义”用法。我不清楚这些之间的差异。使用我的rails生成器我只有一种模式，但似乎已经足够了。（领带）显然，除了蓝图（例如YUI）之外，Compass还准备使用其他框架。我找不到很多关于这方面的文档，我对此并不感兴趣 – 蓝图对我来说是好的（领带）。指南针的学习曲线似乎有点僵硬，文档似乎很少。学习可能有点困难。另一方面，我知道我自己的系统的来龙去脉，可以马上使用它。（我的系统为1分）。通过这个分析，我很想给Compass一个尝试。我的分析是否正确？我错过了任何关键点，还是我错误地评估了这些要点？

如何加载Sass :: Script :: Functions模块的扩展？: 我正在尝试扩展Sass：Script :: Functions模块，按照以下建议： https ： //gist.github.com/481261/dd07a52829886ab1ad0875a8895f0100c4b925ab 。问题是，我在哪里放置sass-hex.rb文件，我是否必须做任何事情来“加载”模块扩展？我尝试将文件放在config /中，但似乎没有加载。当我进入rails控制台并键入Sass :: Script :: Functions :: hex时，我得到：“NoMethodError：未定义的方法`hex’用于Sass :: Script :: Functions：Module”。我是Rails的新手，所以答案可能是非常明显和微不足道的。也许这就是为什么所有谈论扩展Sass :: Script :: Functions的网站都没有提到如何将扩展实际连接到你的代码中。这是官方文档，但在这方面它没有帮助： http ： //sass-lang.com/docs/yardoc/Sass/Script/Functions.html#adding_custom_functions 。更新：所以，我将方法的定义从“def hex …”更改为“def self.hex …”，现在Sass :: Script :: Functions.hex正常工作。我仍然觉得我错过了一些东西，因为NOBODY建议“自我”。需要……或者我在上面的例子中错误地调用了这个方法？另外，问题是我不会从我使用它的CSS文件中调用“hex”方法。最后更新：解决方案实际上是做我最初做的事情：将代码放在config /目录中（在我的情况下，在compass.rb文件中）。我被卡住的原因有两个，并认为它对我不起作用： Sass :: Script :: Functions :: […]

Rails 3应用程序中的Sass导入错误 – “导入未找到或无法读取的文件：指南针”: 我有一个Rails 3应用程序，我成功运行compass init rails ./ –using blueprint 。我可以从/ stylesheets目录中@import文件，但是当我尝试@import compass时出现错误。现在该应用程序有两个简单的sass文件： common.scss $body-background: blue; main.scss @import “common”; //@import “compass”; body { background: $body-background; } 随着@import “compass”线的注释，这个工作 – 我得到一个蓝色的背景，所以我知道Sass正在工作。如果我取消注释该行，并尝试导入compass或blueprint或其他任何东西，我会收到这样的错误。 Syntax error: File to import not found or unreadable: compass. Load paths: /Users/eric/path/to/myrailsapp/app/stylesheets on line 2 of /Users/eric/path/to/myrailsapp/app/stylesheets/main.scss 1: @import “common”; 2: @import “compass”; 3: […]

在config.rb中为scss文件创建scss变量: 如何在Config.rb中为SCSS文件[COMPASS项目]定义SCSS变量我的用例在Config.rb文件中 a = true 在style.scss中我喜欢使用变量之类的 @if a == true{ background: #fff; } @else { background: #000; } 其中一个解决方案是http://worldhousefinder.com/?p=124141 但它对我不起作用。

Grunt / Bundler不会使用指定的sass版本: 我们有一个Grunt和Bundler设置的项目。所有这些安装没有问题。生成Gemfile.lock，下拉正确的gem，以及使用npm创建的grunt文件。我们开始监视项目并且它在sass编译时爆炸，因为它使用了错误版本的sass而不是gemfile中指定的版本。顺便说一句，这是在窗户上…… 的Gemfile source ‘https://rubygems.org’ gem ‘sass’, ‘~> 3.2’ gem ‘compass’, ‘~> 0.12’ gem ‘susy’, ‘~> 1.0’ Gemfile.lock的 GEM remote: https://rubygems.org/ specs: chunky_png (1.3.1) compass (0.12.6) chunky_png (~> 1.2) fssm (>= 0.2.7) sass (~> 3.2.19) fssm (0.2.10) sass (3.2.19) susy (1.0.9) compass (>= 0.12.2) sass (>= 3.2.0) PLATFORMS x86-mingw32 DEPENDENCIES compass (~> […]

指南针SCSS小写的颜色代码: 在我的团队中，我们有相同版本的Compass（它是Compass 0.12.2 Alnilam）。当Compass编译我的SCSS时，颜色代码在SCSS中从大写（＃A0CAE3）更改为小写（＃a0cae3）。只有我有这个问题，其他开发人员都有大写的颜色代码。为什么？

无法通过rvm安装指南针: 在Ubuntu 11.10中，我是一个快乐且无忧无虑的指南针用户。我升级到12.04并遇到了这个问题： Compass（ruby）编码错误我以某种方式设法解决了它在我的一台计算机上通过rvm安装ruby但现在我的另一台计算机出现了一个不同的错误（它有同样的初始问题）。我安装ruby和指南针并使用全局gemset作为默认值： gem list *** LOCAL GEMS *** bundler (1.1.3) chunky_png (1.2.5) compass (0.12.1) fssm (0.2.9) rake (0.9.2.2) rubygems-bundler (1.0.0) rvm (1.11.3.3) sass (3.1.18) 但当我尝试用指南针做任何事情时，我得到这个错误： compass /home/mrpotato/.rvm/gems/ruby-1.9.3-p194@global/gems/bundler-1.1.3/lib/bundler/shared_helpers.rb:22:in `default_gemfile’: Could not locate Gemfile (Bundler::GemfileNotFound) from /home/mrpotato/.rvm/gems/ruby-1.9.3-p194@global/gems/bundler-1.1.3/lib/bundler.rb:213:in `default_gemfile’ from /home/mrpotato/.rvm/gems/ruby-1.9.3-p194@global/gems/bundler-1.1.3/lib/bundler.rb:164:in `root’ from /home/mrpotato/.rvm/gems/ruby-1.9.3-p194@global/gems/bundler-1.1.3/lib/bundler.rb:123:in `load’ from /home/mrpotato/.rvm/gems/ruby-1.9.3-p194@global/gems/bundler-1.1.3/lib/bundler.rb:114:in `setup’ from /home/mrpotato/.rvm/gems/ruby-1.9.3-p194@global/gems/bundler-1.1.3/lib/bundler.rb:119:in `require’ from /home/mrpotato/.rvm/gems/ruby-1.9.3-p194@global/gems/compass-0.12.1/bin/compass:25:in `’ […]