Tag: sass

在Heroku上将bootstrap-sass bootstrap CSS投入生产

我正在使用我的rails（3.2.5）应用程序中的bootstrap-sass gem，并且在我的本地开发环境中工作得很好。 但是，当我在Heroku上部署prod时，引导程序CSS不包含在已编译的资产中。 我在我的Gemfile中添加了bootstrap-sass和sass-rails： gem ‘bootstrap-sass’, ‘2.0.3.1’ group :assets do gem ‘sass-rails’, ‘3.2.4’ end 我在Bootstrap中添加了一个导入到我的资产目录中的custom.css文件： @import “bootstrap”; 基本的东西。 知道为什么这不适用于Prod？

rails 4.0中的sass-rails助手“image_url”和“asset_url”之间的区别？

我在/ app / assets / images目录中有一个jpg，并使用它作为后台使用以下CSS。 body { background-image: image_url(‘metal_texture.jpg’) } asset_url助手也适用于这种情况。 由于Rails 4资产管道不关心文件所在的/ app / assets中的哪个目录，是否有理由使用image_url vs asset_url？

Sass :: SyntaxError：“position：”之后的CSS无效：期望的表达式（例如1px，粗体）

耙子流产了！ Sass :: SyntaxError：“position：”之后的CSS无效：期望的表达式（例如1px，粗体）是“;” （在F：/OrderBooking/app/assets/stylesheets/application.css）（sass）：340 任务：TOP => assets：预编译 在我的本地计算机上没有错误，但在部署我的应用程序时，我收到上述错误。 但在我的application.css我什么都没有。

gulp-ruby-sass无法导入文件

我正在尝试创建一个gulp-ruby-sass任务但是我看到以下错误： [17:32:34] gulp-ruby-sass: error ./styles.scss (Line 1: File to import not found or unreadable: header.scss. Load path: C:/Users/nassi/AppData/Local/Temp/gulp-ruby-sass) 我的项目结构： app assets css _header.scss _home.scss _navigation.scss _buttons.scss _dialogs.scss styles.scss 在styles.scss中我有： @import “header.scss”; @import “home.scss”; @import “navigation.scss”; @import “buttons.scss”; @import “dialogs.scss”; 我的吞咽任务： var paths = { sass: [‘assets/css/styles.scss’] }; // SASS task gulp.task(‘sass’, function () { gulp.src(paths.sass) […]

添加字体后，Heroku Rails资产管道无法预编译

我正在尝试在我的Rails应用程序中添加一个字体，这就是我所做的： 添加字体到： -app –assets —fonts SCSS： @font-face { font-family: LigatureSymbols; src: font-url(‘LigatureSymbols211.eot’); src: local(‘LigatureSymbols’), font-url(‘LigatureSymbols211.eot?#iefix’) format(’embedded-opentype’), font-url(‘LigatureSymbols211.woff’) format(‘woff’), font-url(‘LigatureSymbols211.ttf’) format(‘truetype’), font-url(‘LigatureSymbols211.svg#LigatureSymbols’) format(‘svg’); font-weight: normal; font-style: normal; } production.rb ： config.assets.paths << Rails.root.join('app', 'assets', 'fonts') config.assets.precompile += %w( .svg .eot .woff .ttf ) 但当我推送到我的Heroku生产服务器时，我得到了这个： —–> Preparing app for Rails asset pipeline Running: rake assets:precompile I, [2013-05-06T06:21:07.804043 […]

通过链轮动态渲染sass文件

我希望，从帮助器，在.scss.erb模板中渲染一些变量，使用image-url() sass函数： // template.scss.erb # { background-image: image-url(”); } 到目前为止，ERB部分很简单： （利用这个堆栈溢出答案 ） vars_binding = OpenStruct.new( id: ‘foo’, image_file: ‘foo.jpg’ ).instance_eval { binding } template = File.read(‘path/to/template.scss.erb’) rendered_sass = ERB.new(template).result(vars_binding) 运行该代码， sass现在等于： #foo { background-image: image-url(‘foo.jpg’); } 但是，当我下次尝试运行时： css = Sass::Engine.new( rendered_sass, syntax: :scss, cache: false, load_paths: view_context.assets.paths, read_cache: false, style: :compressed ).render 它回来了 NoMethodError: undefined […]

更新Rails和其他gem后出现Sass或Foundation Error

我最近更新了rails和其他一些gem。 但是现在我收到以下错误： / Mixin“exports”中的Sass :: SyntaxError不接受内容块。 （在/Users/mikhailja/Sites/marketing/app/assets/stylesheets/application.css.scss:341） 我正在使用： ruby2.1.2 铁轨4.1.8 sass 3.2.2 sass-rails 2.0.0 foundation-rails 5.4.5.0 在尝试了许多gem版本之后，这个问题消失了一段时间，但现在突然之后它的堆栈级别太深了 。 我在一个新的应用程序中尝试了相同版本的基础，它运行得很好。 任何有助于深入了解这个问题的人都会非常感激。

Rails：Application.css是否加载所有css.scss文件？

我读到application.css中的以下行包含树中的所有css文件 *= require_tree . 我的困惑是，从我发现的（如果我错了请纠正我），我需要将以下行添加到我的application.haml中，如果我想要在css文件与控制器匹配时加载它们： = stylesheet_link_tag params[:controller] 疑惑1：我真的需要添加这一行吗？ 我认为这是按惯例自动完成的。 （我猜这个答案是肯定的，我需要包括这一行） 疑问2：由于application.css由于“require_tree。”而加载了所有的css文件，会导致某些类型的冲突/搞乱其他每个css文件？ 疑问3：如果我想使用require_tree加载该目录中的所有骨架文件，并在屏幕呈现时，加载特别是控制器css，该怎么办？ 例如， 我有： application.css some_basic_styling.css home.css.scss invitation.css.scss 我的application.css将包含所有的css文件（由于require_tree）。 home.css意味着由家庭控制器加载，并且invitation.css应该由邀请控制器加载。 我需要采取哪些措施来确保这一点？

SCSS文件中的Rails 3.1资产URL似乎没有正确引用资产

我刚刚从Rails 3.0升级到Rails 3.1。 我有一个引用图像的foo.css.scss文件（ /app/assets/images/foo.png ），如下所示： .foo { background-image: image-url(‘foo.png’); } 问题是我的foo.png文件没有加载，我在日志中看到404错误。 生成的实际css条目是： background-image: url(/images/foo.png); 这是错误的（？），因为图像可以在/assets/foo.png找到，而不是在/images/foo.png 。 请注意，我仍在development模式。 另一个重要说明。 如果我将我的foo.css.scss文件重命名为foo.css.erb并使用： background-image: url(); 它工作正常，因为它生成/assets/foo.png 。 那么，问题是为什么我的scss预编译器没有生成正确的css ？ 更新 ：我的foo.css.scss文件驻留： app/assets/stylesheets/sub_dir/foo.css.scss 这有什么不同吗？

使用多个SASS文件

我想将我的（巨型）全局css文件分成多个文件。 我正在使用sass。 有没有一种简单的方法可以让sass观看多个文件？ 我想我可以使用@import，但只是想知道是否有另一种（更好的）方式。 提前致谢。