Tag: sass

资产管道未定义变量SASS

我一直在尝试使用http://startbootstrap.com/stylish-portfolio并在下载所有文件并复制到目录后,我在部分_bordered-pull上收到以下错误: ActionView::Template::Error (Undefined variable: “$fa-css-prefix”. 但是,变量已定义,我正在导入(或至少尝试)部分变量。 我的资产/样式表目录如下: –application.css.scss –bootstrap.css.scss –font-awesome.css.scss.erb –stylish-portfolio.css.scss –|font-awesome –_bordered-pulled.css.scss –…(other partials) –font-awesome.css.scss 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, […]

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: […]

如何在没有文件或行引用的情况下运行罗盘编译?

如何在运行compass compile时抑制文件或行引用(例如下面注释的输出行),并且可能保持–output-style默认扩展? /* line 85, ../../../app/stylesheets/simpla/style.sass */ .align-right { float: right; } 问题是每当我在sass中进行1行更改时,它会对我的css进行50多行更改以更新所有已调整的参考行号。 这使我很难阅读我的git提交中的实际更改。

使用WebStorm中的Ruby SCSS转换器解决资产位置问题

我有这个SCSS结构: app styles.scss bower_components _colors.scss _fonts.scss sass index.scss styles.scss: @import “sass/index”; index.scss: @import “bower_components/_colors”; @import “bower_components/_fonts”; app文件夹在File Watcher设置中设置为工作目录,在WebStorm中标记为“Resource Root”。 但是,转换失败并出现错误: error sass/index.scss (Line 3: File to import not found or unreadable: bower_components/_colors.) 我读过@import在SCSS中的评估 相对于当前文件位置 相对于根位置 但就我而言,很明显Ruby转换器不会尝试查找相对于根位置的文件。 这是一个错误吗? 或者我做错了什么? 我通过Ruby安装了SCSS并根据https://www.jetbrains.com/help/webstorm/2016.1/transpiling-sass-less-and-scss-to-css.html设置了文件监视器 这是我的文件监视器设置:

为什么此代码在我的所有页面上呈现背景图像,而不仅仅是我的索引操作?

我试图只使我的索引操作呈现样式表/背景图像,但由于某种原因,背景图像也出现在所有其他页面上。 我的欢迎控制器正在处理所有这些。 布局文件名为background.css.scss。 这是我的欢迎控制器: class WelcomeController < ApplicationController layout :resolve_layout def index end def show end def about end def testimonials end private def resolve_layout case action_name when "index" "background.css.scss" else "application" end end end 这是background.css.scss样式表: body { width: 100%; background: { image: asset-url(“sampleimage.png”); repeat: no-repeat; size: 100% auto; } } 索引视图: background-image: url()

麻烦在OSX上运行指南针 – 在线上的LoadError

我之前在这里阅读了很多问题,遗憾的是,所描述的解决方案并非适用于我。 我在OSX上并通过rvm使用ruby-1.9.3-p448。 一切都刚刚建立起来。 然后我做了sudo gem install compass获得指南针和sass。 没有错误消息。 stnwbr$ ruby -v ruby 1.9.3p448 (2013-06-27 revision 41675) [x86_64-darwin12.4.0] stnwbr$ compass -v Compass 0.12.2 (Alnilam) stnwbr$ sass -v Sass 3.2.10 (Media Mark) 但是当我做compass create或compass watch我得到: stnwbr$ compass create LoadError on line [“51”] of /Users/stnwbr/.rvm/rubies/ruby-1.9.3-p448/lib/ruby/site_ruby/1.9.1/rubygems/core_ext/kernel_require.rb: cannot load such file — breakpoint Run with –trace to see the full […]

Windows 8上PhpStorm中的SASS语言处理器

我在Windows 8计算机上安装了Ruby和SASS。 我正在使用PhpStorm的语言处理器和sass.bat文件。 一切都设置正确,但我在PhpStorm中收到此错误:’“ruby.exe”’未被识别为内部或外部命令,可操作程序或批处理文件。 可能是当执行sass.bat时,我的系统不允许运行ruby.exe,因为它需要管理员权限。 有谁知道如何解决这个问题?

在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 但它对我不起作用。

Sinatra自定义SASS目录

我的haml模板让我的sass工作有问题。 最近我在我的主要sinatra.rb应用程序中有以下代码: require ‘sinatra’ require ‘dm-core’ require ‘dm-migrations’ require ‘haml’ require ‘sass’ require ‘shotgun’ set :views, :sass => ‘views/css’, :haml => ‘template’, :default => ‘views’ helpers do def find_template(views, name, engine, &block) _, folder = views.detect { |k,v| engine == Tilt[k] } folder ||= views[:default] super(folder, name, engine, &block) end end get ‘/css/styles.css’ do sass […]

在]行上编译Compass LoadError时出错.. data.rb:无法加载此类文件

我已经搜索了所有可能的Ruby资源,寻找这个错误的解决方案,但不能在我的生活中弄清楚我做错了什么。 我正在尝试让我的sass编译器为之前的项目中的Drupal构建工作。 使用以下堆栈:Ruby 2.3.0,Sass 3.4.22,Compass&Compass Core 1.0.3,Bundler 1.11.2。 我已经尝试卸载并重新安装gem但无济于事。 运行bundle exec compass watch命令时会发生错误,从而产生以下输出: /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-core-1.0.3/lib/compass/configuration/data.rb的第[“179”]行的LoadError:无法加载此类文件 – – 断点 /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-core-1.0.3/lib/compass/configuration/data.rb:179:in`requirement’ /Users/somedude/Sites/devdesktop/taronga-dev/docroot/sites/tarongazoo/themes/custom/taronga/config.rb:9:in`get_binding’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/configuration/serialization.rb:24:in`eval’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/configuration/serialization.rb:24:in`parse_string’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/configuration/serialization.rb:15:in,clock in _parse’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/configuration/serialization.rb:14:in`open’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/configuration/serialization.rb:14:in`__parse’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/configuration/file_data.rb:7:in在new_from_file中的块 /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-core-1.0.3/lib/compass/configuration/inheritance.rb:207:in`with_defaults’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/configuration/file_data.rb:6:in`new_from_file’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/configuration/helpers.rb:19:in`configuration_for’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/configuration/helpers.rb:69:in”add_project_configuration’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/commands/project_base.rb:37:in”add_project_configuration’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/commands/project_base.rb:25:in`configure!’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/commands/project_base.rb:15:in`initialize’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/commands/update_project.rb:41:in`initialize’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/exec/sub_command_ui.rb:42:in”new’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/lib/compass/exec/sub_command_ui.rb:42:in`exper!’ /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass/.0.3/lib/compass/exec/sub_command_ui.rb:15:in“run!” /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/bin/compass:30:in“block in” /Users/somedude/.rvm/gems/ruby-2.3.0/gems/compass-1.0.3/bin/compass:44:in`’ /Users/somedude/.rvm/gems/ruby-2.3.0/bin/compass:23:in’load’ /Users/somedude/.rvm/gems/ruby-2.3.0/bin/compass:23:in`’ /Users/somedude/.rvm/gems/ruby-2.3.0/bin/ruby_executable_hooks:15:在’eval’中 /Users/somedude/.rvm/gems/ruby-2.3.0/bin/ruby_executable_hooks:15:in`’ 在尝试让他们的SASS编译器运行时,有没有其他人遇到类似的东西? 任何帮助将非常感激。 谢谢, 标记。