草庐IT

Sass-loader

全部标签

ruby - 这个奇怪的 SASS 属性语法是什么?

我正在使用一些为ruby​​-sassv3.2编写的SASS代码。在一些样式表中,属性声明是这样写的:.something:height10em:width100%:font-size1.5em这可以编译并且看起来是有效的,但我无法在任何地方找到对它的引用。这只是Ruby将它们解析为符号的怪癖,还是我以前从未见过的SASS中的某些东西? 最佳答案 我不得不使用WaybackMachine找到“官方”信息,似乎这只是写声明的旧SASS方式:PropertySyntaxTheindentedsyntaxsupportstwowaysof

ruby-on-rails - rake 中止! Sass::语法错误: undefined variable : "$alert-padding"

我在Rails应用程序的生产环境中卡住了,因为我的Assets没有编译。当我使用rvmsudobundleexecrakeassets:precompileRAILS_ENV=production--trace它抛出rakeaborted!Sass::SyntaxError:undefinedvariable:“$alert-padding”这是我的Gemfile:source'https://rubygems.org'gem'rails','4.2.3'gem'mysql2','~>0.3.11'gem'jquery-rails'gem'jquery-ui-rails'gem'sas

ruby - Grunt/Bundler 不会使用指定的 sass 版本

我们有一个使用Grunt和Bundler设置的项目。所有这些都安装没有问题。生成Gemfile.lock,提取正确的gems,并使用npm创建grunt文件。我们开始监视该项目,它在sass编译时爆炸,因为它使用了错误版本的sass而不是gemfile中指定的版本。顺便说一下,这是在Windows上...gem文件source'https://rubygems.org'gem'sass','~>3.2'gem'compass','~>0.12'gem'susy','~>1.0'Gemfile.lockGEMremote:https://rubygems.org/specs:chunky

ruby - Windows 7 - 如何解决 “You need to have Ruby and Sass installed and in your PATH for this task to work” 警告?

大多数答案和解决方案都与OSX相关,它集中在Windows7中:我已经全局安装了Grunt&GruntCLI。然后我在项目文件夹中执行了npminstall以安装所有依赖项。到目前为止没有问题,但是当我尝试运行“gruntbuild”命令时,我在我的项目中收到了这个警告:Warning:YouneedtohaveRubyandSassinstalledandinyourPATHforthistasktowork.Moreinfo:https://github.com/gruntjs/grunt-contrib-sassUse--forcetocontinue.

ruby-on-rails - SASS 不会在 Sublime Text 2 中构建 [Errno 2] No such File or Directory

我已经搜索了所有关于此主题的其他帖子,但都无济于事。我创建了一个.scss文件,安装了sass、compass并且我在OSX上,所以我安装了ruby​​,但是大约一年前我确实安装了最新版本。当我使用cmd+b构建我的.scss时,我得到了这个错误:Errno2]Nosuchfileordirectory[cmd:[u'sass',u'--update',u'/Users/administrator/Desktop/style.scss:/Users/administrator/Desktop/style.css',u'--stop-on-error',u'--no-cache']][d

css - Sass 变量声明优先级

我在两个文件中声明同名变量。我按以下顺序导入它们,发现有冲突。模态.scss$gray:#e1e1e1;//Importedfirst变量.scss$gray:#999;//importedlater预期的行为是$gray的值被覆盖。但是,我得到的是CSS中的第一个导入值(#e1e1e1)而不是(#999)。我是不是做错了多次声明变量? 最佳答案 显然,Sass将采用第一个变量声明。例如,当您在Sass中使用Bootstrap时,您必须在导入Bootstrap之前声明所有要覆盖的变量。//Thiswilloverridethedef

css - 使用 bootstrap-sass gem 将 twitter bootstrap 3 与 rails 一起使用

现在我的bootstrapcss版本是v2.3.2,带有以下gemgem'bootstrap-sass','~>2.3.2.1'我尝试使用以下配置升级它gem'bootstrap-sass',git:'https://github.com/thomas-mcdonald/bootstrap-sass.git',branch:'3'但是在重启服务器之后版本还是一样所以我尝试了bundleexecrakeconvert,也许它可以解决问题但它一直在抛出Don'tknowhowtobuildtask'convert'那么有人知道如何在我的rails元素中实现bootstrapv3吗??

css - 在 SASS/Compass 输出前添加注释

有没有方便的方法让SASS自动在每个CSS输出文件的开头添加注释?具体来说,当使用Compasss时我想贴一个简短的警告,告诉设计人员不要直接编辑CSS,并向他们指出有关开始使用Compass的说明。我使用:compressed的输出样式,它去除了输入SCSS/SASS文件中的注释。如果没有方便的方法来做到这一点,那么我会提交一个问题/补丁。我正在考虑添加option名为:output_prefix的字符串将被添加到所有输出CSS文件中。 最佳答案 来自comments上的SASS引用资料:Whenthefirstletterofa

css - gulp-ruby-sass : 'bundle' is not recognized as an internal or external command, 可运行程序或批处理文件

我正在尝试在Windows上运行gulp-ruby-sass。我收到以下错误:gulp-ruby-sass:'bundle'isnotrecognizedasaninternalorexternalcommand,operableprogramorbatchfile.我已经在我的c:\驱动器(c:\Ruby193)上成功安装了ruby​​我还安装了SaSSgeminstallsass(从这里执行c:\Ruby193)windows我也设置了注册路径c:\ruby193我正在从c:\project\transformer\作为gulp运行我的gulp我仍然收到此错误:gulp-ruby-

ruby-on-rails - 动态分配背景图片 scss/sass

我想要做的是有一个表单,您可以在其中上传图片,然后当您查看该对象时,图片会在特定的div中垂直和水平居中。它的大小未知等等。除非有办法使用image_tag助手将其垂直居中,否则我希望能够将图像用作背景图像。在我的.css.scss文件中,我希望能够做类似的事情.image_div{background-image:image_url("#{@object.image}");background-position:center}我正在使用CarrierWave上传图片,当我输出@object.image时,它​​会在我的计算机上提供图像的路径(所以我不知道在生产中是否会被视为路径或ur