Tag: sass

资产管道在我的Rails 4.2应用程序中的’application.scss’中不起作用: 我是Rails的新手并且如果这是一个愚蠢的问题而道歉。但我无法解决我的问题：我添加了Bootstrap到我的新应用程序，但它仍然没有使用任何新的样式。我已将application.css重命名为application.scss并创建了这样的结构： |-stylesheets |-elements |–articles |—article.scss |-application.scss Application.scss /* User styles * Plugins first */ @import “bootstrap-sprockets”; @import “bootstrap”; @import “elements/**/*”; /* * This is a manifest file that’ll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, […]

通过Assets Pipeline，Rails 3.1 rc1携带Sass变量: 我最近用3.1 rc1分支了我的一个Rails 3.0项目来尝试新的资产管道。在进入3.1之前我一直在项目中使用Sass所以我在一个单独的配置文件中设置了一些变量和函数，让我所有的其他sass文件在第一行导入一个文件。这样做非常好，不会在样式表中重复一些颜色代码和一般几何体。问题是现在新的Assets Pipeline是我已经知道它将“.css.sass”文件转换为原始css，然后将其附加到其余代码。所以，如果我在“application.css”中指定： /* *= require ./configure *= require ./what_ever_other_files_i_want_to_import */ 我得到的错误如下： Sass::SyntaxError Undefined variable: “$interactive”. 当我尝试从以下位置访问该文件时： http://localhost:3000/assets/application.css 有任何想法吗？

资产管道没有预编译sass: 我已经更新了我的应用程序以使用rails 3.1资产管道（我认为）。我可以编译.css文件，但不能编译css.scss。我正在运行sass-rails gem，但似乎没有任何效果。我应该检查什么？对不起，我不知道我应该提供哪些信息来帮助调试。我可以编辑这个…… EDITS：我的.scss文件包含： /* *= require_self *= require_tree . */ 编辑：请参阅Store＃index中的Sprockets :: CircularDependencyError 谢谢，Rim

rails资产管道：无效的CSS: 我正在尝试使用http://designshack.net/articles/css/build-an-animated-photo-wall-with-css/在我的rails应用程序中实现照片墙。我插入CSS列表，段落和图像，图像高度和宽度的唯一变化到我的custom.css.scss，如下所示： /* picture wall */ /*——CONTAINER——*/ .container { width: 320px; margin: 0 auto 50px auto; } /*——LIST——*/ .container ul { list-style-type: none; } .container li { float: left; position: relative; width: 280px; height: 187px; overflow: hidden; } .container li:hover { cursor: pointer; } /*——PARAGRAPH——*/ .container li p { color: transparent; background: transparent; font: 200 […]

可以将参数传递给CSS类吗？: 我有这样的div：其中`small-top-margin’如下： .small-top-margin { margin-top: 2em; } 有没有办法将参数传递给css类，以便 class=”top-margin(2) ＃=> margin-top: 2em; class=”top-margin(5) ＃=> margin-top: 5em;等等.. 甚至更好 class=”margin(top, 2) ＃=> margin-top: 2em; 我已经包含了Rails标签，以防有一种方法可以通过rails实现这一点，尽管纯粹的css / sass解决方案会更好。

Sass :: SyntaxError未定义变量: 我是Asset Pipeline的新手，所以如果我做错了，请告诉我。使用Rails 3.2和SASS。我有一个配置部分定义了一堆我想在整个scss文件中使用的SASS变量。根据本指南，我首先导入configuration ，然后是bonus 。但是，我继续在bonus.css.scss中得到一个Sass::SyntaxError表示Undefined variable: “$darkRed” 。我究竟做错了什么？ application.css.scss /* * This is a manifest file that’ll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or vendor/assets/stylesheets of plugins, if any, […]

如何加载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.1 Asset Pipeline – 为什么我要在SCSS文件中使用资产助手？: 我刚刚进入资产管道; 我正在使用SASS / SCSS，但我不明白为什么我应该使用资产助手。例如，如果我有一些CSS / SCSS而不使用资产助手： background-image: url(‘rails.png’); 这样可以正常工作，因为我的.SCSS文件和图像都在资源目录中并可以访问。这样做有什么意义？： background-image: asset-url(“rails.png”, image); 我知道它会在url中添加“/ assets /”，但如果标准的CSS方式有用，我为什么要使用资产助手呢？我想我错过了一些东西。它与部署到生产有关吗？

如何从辅助方法设置变量以包含在SASS SCSS样式表中？: 我有一个帮助方法，它检索我需要进入SASS scss样式表的字符串。如果我在视图中调用该方法它工作正常，但似乎sass想要一个变量。似乎如果我尝试在控制器中设置var，认为这最初是正确的方法，我无法在任何地方看到var。我最初认为你可以简单地从SASS调用一个辅助方法，但显然情况并非如此？如果不，您能否提供一个在sass scss样式表中正确获取变量集的示例，该样式表最初来自辅助方法？

heroku上rails应用程序中的sass错误：无法转储匿名类: 在尝试为chrome创建源地图后，我从heroku收到以下警告http://blog.vhyza.eu/blog/2013/09/22/debugging-rails-4-coffeescript-and-sass-source-files -in-google-chrome /它们表示什么，如果有的话，我应该改变什么？我的gemfile： source ‘https://rubygems.org’ ruby ‘2.0.0’ # Bundle edge Rails instead: gem ‘rails’, github: ‘rails/rails’ gem ‘rails’, ‘4.0.0’ # Use sqlite3 as the database for Active Record #gem ‘sqlite3’ gem ‘pg’ gem ‘devise’ gem ‘font-awesome-rails’ gem ‘bootstrap-sass’, github: ‘thomas-mcdonald/bootstrap-sass’ gem ‘simple_form’, git: ‘https://github.com/plataformatec/simple_form.git’ gem ‘carrierwave’ gem ‘fog’, ‘~> 1.3.1’ gem ‘mini_magick’ gem ‘rails_12factor’ […]