Tag: sass

如何在轨道部分渲染sass？

我有一个Rails 3.2应用程序。 我试图在部分中渲染处理过的sass代码。 我添加了一个初始化程序来处理scss文件： ActionView::Template.register_template_handler :scss, Sass::Rails::ScssTemplate 我的sass文件名为_style.scss，渲染调用如下所示： 我收到以下错误： undefined method `call’ for Sass::Rails::ScssTemplate:Class 对我来说，这看起来像Rails不知道如何处理Sass文件，但是，我的application.css文件中包含的任何.scss文件都被正确处理，因此，至少在该上下文中，我知道sass处理工作。 我尝试了不同的扩展和格式。 在某些情况下，我可以获取渲染视图，但不处理sass。

如何使用sprockets导入与sass

我有一个带有以下内容的application.css.scss – @import bootstrap 现在我想使用selected -rails gem，并将以下sprokets指令添加到我的application.css.scss文件中 – *= require chosen 我安装了sprockets-sass gem，并将我的application.css.scss文件更改为 – @import bootstrap //*= require chosen 但是，我没有看到所选择的CSS出现，我做错了什么？

Rails：为什么我的所有scss文件都没有编译？

我是rails的初学者，我认为我对如何组织样式表没有一个明确的想法。 目前，我的资产/样式表中有两个文件： application.css home.css 当我运行rake资产时：预编译 – 我意识到只有application.css被编译到我的public / assets文件夹中。 home.css怎么样？ 更多信息 我希望home.css仅在从我的家庭控制器收到响应时加载。 我删除了* = require_tree。 来自application.css（因为我猜测home.css会包含在所有其他页面中 – 我是对的吗？） 我试图找到解决方案的原因是因为heroku抛出以下错误： ActionView::Template::Error (home.css isn’t precompiled): 2012-04-29T10:48:20+00:00 app[web.1]: 5: 2012-04-29T10:48:20+00:00 app[web.1]: 7: = stylesheet_link_tag “application” 2012-04-29T10:48:20+00:00 app[web.1]: 6: = javascript_include_tag “application” 2012-04-29T10:48:20+00:00 app[web.1]: 8: = stylesheet_link_tag params[:controller] 2012-04-29T10:48:20+00:00 app[web.1]: 9: = javascript_include_tag [:controller] 2012-04-29T10:48:20+00:00 app[web.1]: 10: = csrf_meta_tags […]

在SCSS Partial中使用Rails 3.1资产路径

我有以下设置： app/assets/stylesheets/application.css.scss /* *= require_self *= require fancybox */ /* COLORS.. */ /* MIXINS… */ /* FONT STACKS… */ /* IMPORTS */ @import “reset”; @import “supergrid”; @import “rails”; @import “app”; @import “forms”; @import “layout”; 在我的各个部分中，我遇到了资产路径的真正问题。 当在application.css.scss或清单加载的任何内容时，我可以使用： .example { background-image: image-path(“background.png”); } 但是，当我使用partial，例如my _layout.css.scss partial时，当我尝试相同的东西时，只能从编译文件中省略background-image属性。 似乎SCSS资产助手在部分内部不可用？ 有没有人得到这个工作，我错过了一些明显的东西？ 或者是不可能在部分中使用资产助手？ 如果是这样，这是一个主要的主要问题，因为我的整个应用程序结构依赖于SCSS变量和部分之间共享的mixin。 我知道变量和mixin不在sprockets清单中共享，所以如果partials无法访问资产助手，那么我正在考虑必须将所有内容连接到一个scss文件中，这几乎违背了Sass和Sprockets的目的。 任何帮助将非常感谢！

scss.erb ruby​​代码没有执行

我正在尝试加载存储在我的样式表文件中的Rackspace的CloudFiles上的背景图像。 我使用Fog＆CarrierWave上传图像文件并调用文件。 我继续收到此错误： “… und-image：url（”：expected“）”之后的CSS无效，是“<％= design.main …” preview.css.scss.erb： html{ background-image: url(); } 更新：我改述了我的问题，我从这里得到了答案 我应该问的是“如何将实例变量传递给资产？” – 你不能

CSS需要语法

我在许多RubyOnRails应用程序中多次需要CSS样式表，实际上我需要一些神秘的东西。 有什么区别： //=require mystyles 和 *=require mystyles 两者似乎都有效，那有什么区别？ 这是资产管道的一部分还是SASS的一部分还是普通的CSS？

调试Rails资产管道的最佳实践

我正在使用Rails 3应用程序， bootstrap-sass和资产管道，我正在寻找有关如何调试资产管道问题的一些想法。 在开发中工作，并在运行时编译（即包括来自大量已编译的css文件），我的应用程序看起来正是我期望的。 但是，当我使用资产管道将资产编译成单个文件时，为了测试它在生产中的行为，我认为连接文件application.css中的validation错误导致浏览器停止正确评估css，我是看到一些显示问题。 当我在开发中查看生成的css文件并通过css3validation器传递它时，我可以看到在使用vendored css文件时发生validation错误（在大多数情况下，这些是由于供应商特定的hacks，引发validation器） – 当我通过w3cvalidation器运行它时，我生成的文件正在通过validation，我在下面的sprockets文件中列出了通过/失败结果： /* * sprocket file in application.css * *= require_self *= require vendor *= require bootstrap-include # FAILS 474 ERRORS – presumably down to css hacks *= require DT_bootstrap # FAILS TWO ERRORS – presumably down to css hacks again *= require navbar # PASSES *= require […]

Rails 3.1资产管道和缓存

我正在使用Rails 3.1的资产管道，虽然它似乎在我的本地主机上的开发环境中完美运行，但我在引擎码上遇到了很多问题。 这是我的基本问题。 当我在我的一个scss文件中包含背景图像时： a { color: #3c7f8b; font-weight: bold; padding-left: 35px; font-size: 13px; display: block; background: white url(shade.png) top right; &:hover { color: #222222; background: white url(shade2.png) top right; } &.on { color: #222222; background: white url(shade2.png) top right; } } } 我遇到了以下问题：即使我已经预编译了我的资产，浏览器也会请求/assets/shade.png而不是/assets/shade-FINGERPRINT.png这是存在的实际文件。 有人知道我可以解决这个问题，引用我的.scss文件里面的资产文件夹中的图像吗？

链轮sass部分erb扩展

我注意到使用最新的rails和链轮版本（3.2.1和2.2.0）时，如果将erb文件扩展名添加到sass partial中，则似乎存在问题。 例如，如果somestylefilename.css.sass重命名为somestylefilename.css.sass.erb，并且该文件包含使用erb的sass变量的声明，则： – ： $ background-color：; 一切都好。 但是，如果将sass partial从_sharedpartial.css.sass重命名为_sharedpartial.css.sass.erb，则无法识别相同的变量声明。 我不确定这是否是报告此行为的正确论坛，或者它是否是sass，rails或链轮问题。 PS我知道资产管道通过预编译资产来实现效率，但我正在尝试编写一个能够为站点选择默认颜色/布局方案的theeme控制器，该站点随后会形成默认的预编译css资产。生产。 最好的祝福， 约翰利克

Bootstrap忽略某些媒体查询

我目前有以下scss文件的内容： /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { // Something here } /* Desktop */ @media (min-width: 981px) and (max-width: 1198px) { // Something here } /* Large Desktop */ @media (min-width: 1200px) { // Something here } 如果我在Rails中加载application.css文件，我会得到以下内容： /* Portrait tablet to landscape and desktop */ […]