Tag: sass

Sublime Text 2不保存构建的SASS文件

我按照自述文件中的描述安装了Sublime Text 2的SASS构建系统 ，一切都成功了（也是SASS安装）。 现在，如果我尝试构建我的.scss文件，ST2会打印出类似“[0.2秒完成]”的内容而不显示任何结果或保存.css文件。 我也可以写一些错误的代码，它不会抱怨它，只是再给我一个“完成”的消息。 知道是什么导致了这种行为吗？

为什么我不能在Mac OS Sierra上安装Sass？

我尝试在Mac OS Sierra（10.12）上安装Sass三次，从终端输入以下代码： sudo gem install sass 然后它询问我的密码，我输入它并且没有任何反应（我甚至等了半个小时）它甚至没有给出任何错误或任何其他消息，然后当我尝试关闭终端窗口时出现一条消息，说明处理将如果我关闭窗口就会终止。 我已经检查过我的Mac上是否安装了ruby，这是我的版本： ruby 2.0.0p648 (2015-12-16 revision 53162) [universal.x86_64-darwin16] 我该怎么办？ 注意：我是新手，根本不知道编程，这是我第一次使用终端。

如何在Rails 4中缩小CSS？

我尝试了以下内容，但是我看看CSS源代码并没有缩小！ 我重启了服务器几十次。 我在浏览器中关闭了缓存。 我也试过’yui-compressor’gem。 配置/环境/ development.rb config.assets.debug = false config.assets.css_compressor = :sass config.assets.compile = true 的Gemfile group :assets do # Add any compass extensions here # Use SCSS for stylesheets gem ‘sass-rails’, ‘~> 4.0.0’ 参考 http://edgeguides.rubyonrails.org/asset_pipeline.html#customizing-the-pipeline 版 WEBrick 1.3.1，ruby 2.0.0（2013-06-27）[i386-mingw32]，Rails 4.0.3

与gulp-ruby-sass一起吞咽：错误：../ style.css.map：3：1：未知单词

使用基本的gulp / express构建手表获得奇怪的错误。 目录布局 project/ – sass/ – style.scss – gulpfile.js – index.html Gulpfile.js var gulp = require(‘gulp’), sass = require(‘gulp-ruby-sass’), autoprefixer = require(‘gulp-autoprefixer’), minifycss = require(‘gulp-minify-css’), rename = require(‘gulp-rename’); gulp.task(‘express’, function() { var express = require(‘express’); var app = express(); app.use(require(‘connect-livereload’)({port: 4002})); app.use(express.static(__dirname)); app.listen(4000); }); var tinylr; gulp.task(‘livereload’, function() { tinylr = require(‘tiny-lr’)(); tinylr.listen(4002); […]

如何在SCSS中使用类获取相同的对象？

我有这个代码： input[type=”text”] { color: red; .blue { color: blue; } } 这给了我这个 input[type=”text”] { color: red } input[type=”text”] .blue { color: blue; } 我怎么得到这样的东西？ input[type=”text”] { color: red } input[type=”text”].blue { color: blue; }

使用PHPStorm的SASS文件观察器时出错

每当PHPStorm尝试使用文件观察器将我的SASS文件转换为CSS时，我都会收到以下错误： /Users/Ken/.rvm/gems/ruby-2.0.0-p195/bin/sass –no-cache –update style.sass:style.css /System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/lib/ruby/1.8/rubygems.rb:777:in `report_activate_error’: Could not find RubyGem sass (>= 0) (Gem::LoadError) from /System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/lib/ruby/1.8/rubygems.rb:211:in `activate’ from /System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/lib/ruby/1.8/rubygems.rb:1056:in `gem’ from /Users/Ken/.rvm/gems/ruby-2.0.0-p195/bin/sass:22 from /Users/Ken/.rvm/gems/ruby-2.0.0-p195/bin/ruby_noexec_wrapper:14 当我在终端中运行命令时，一切都按预期工作： /Users/Ken/.rvm/gems/ruby-2.0.0-p195/bin/sass –no-cache –update style.sass:style.css 输出： overwrite style.css 我很困惑为什么它抱怨Ruby 1.8版本缺少SASS，因为我在PHPStorm中编辑了我的设置以使用Ruby 2.0（通过RVM）。 这是我的项目设置： 有任何想法吗？

从数据库获取SASS（编译传递的数据而不是从文件中读取）

有没有办法让SASS编译数据从数据库传递？ 我可以使用DBI + ODBC从MSSQL Server 2008获取数据，但是如何使SASS编译传递数据而不是文件？ 没有找到任何有用的东西，改变sass核心文件听起来不是一个好主意…特别是考虑零Ruby知识。

在Sass和指南针的背景图象道路

这在config.rb文件中提到 images_dir = “images” 我在图像文件夹中的项目中使用2个文件夹作为图像 images images/background/ images/content/ 如果images/background/文件夹中有任何图像，那么我应该如何在css background和Sass变量中添加图像路径？ $header-img: “sass.gif”; 和 background-image: url(‘sass.gif?1327592426’); 以及如何从每个背景图像中摆脱这种自动生成的?1327592426 ？

错误：执行gem …（Zlib :: GzipFile :: Error）时不是gzip格式

我正在开发Sencha touch 2应用程序。 我一直在关注secha触摸应用程序主题的“ 为Sencha Touch应用程序设计用户界面 ”教程。 它需要我安装Ruby，Compass和SASS。 我使用rubyinstaller.org的安装程序安装了Ruby。 执行以下命令时，我得到确认正确安装的预期结果： C:\>ruby -v ruby 1.9.3p327 (2012-11-10) [i386-mingw32] 当前来源是最新的： C:\>gem sources ** CURRENT SOURCES ** http://rubygems.org/ 接下来，由于我在代理后面，我使用以下命令安装HAML / Compass： C:\>gem install -p [proxy:port] compass ERROR: While executing gem … (Zlib::GzipFile::Error) not in gzip format** 有人能帮我吗？ 我找到了诸如系统更新，gem源更新等解决方案，但是我的系统上的所有内容都是最新的。 编辑： C:\>gem install compass 在我的私人系统上完美运行。 当我从我的工作场所尝试相同的命令时，我需要使用上面提到的代理，这会导致错误。

Sass :: SyntaxError：导入未找到或不可读的文件：生产中的指南针

我正在使用SASS + Compass和控制器特定的样式表，所以在我的application.html.erb中我设置： “all” %> 所以我有一个home.css（清单），我把： /* *= require_self *= require homepage */ 我的主页.css.scss： @import “sass/_all”; @import “bootstrap”; @import “compass”; … 即使在生产中我的主页也没关系，但是当我尝试vsit其他页面（比如/ tags）时，我收到此错误： Sass::SyntaxError: File to import not found or unreadable: compass. Load path: /home/user/apps/www.mysite.com/releases/20140416112240 (in /home/user/apps/www.mysite.com/releases/20140416112240/app/assets/stylesheets/tags.css.scss) Sass::SyntaxError: File to import not found or unreadable: compass. Load path: /home/user/apps/www.mysite.com/releases/20140416112240 (in /home/user/apps/www.mysite.com/releases/20140416112240/app/assets/stylesheets/tags.css.scss) 我不知道我是否必须设置@import “compass”; 在每个控制器特定的.scss文件，我不知道如何解决此错误。 我的application.rb： […]