有什么代码美化格式的萨斯(SCSS)代码? 我知道如何格式化由SCSS编译器生成的输出CSS代码,但如何给SCSS代码本身提供很好的自动格式化? 我已经尝试了一些在线CSS格式化程序,但是它们不适用于SCSS代码。 如果我把这个给他们 .list5 { border-bottom: 1px solid #f2f2f1; padding: 0 0 20px 0; margin: 0 0 20px 0; ul li { margin: 0 0 5px 25px !important; height: auto !important; background: none !important; font-size: 14px; padding: 18px 3px 5px !important; width: 169px !important; } } 他们给这个输出 .list5 { border-bottom: 1px solid #f2f2f1; padding: […]
我已经search和search,所有我能看到的是,使用指南针与轨道3.1只是编辑像这样的Gemfile: gem 'compass', :git => 'https://github.com/chriseppstein/compass.git', :branch => 'rails31' gem 'sass-rails', "~> 3.1.0.rc" 是的,我明白,但接下来呢? 我看到的每一个教程都是这样说的,使用那个特定的分支。 但是我仍然在使用rails 3.1的指南针时遇到了麻烦。 我做到了这一点: $ compass init rails . –syntax sass directory ./app/stylesheets/ create ./config/compass.rb create ./app/stylesheets/screen.sass create ./app/stylesheets/print.sass create ./app/stylesheets/ie.sass 而且由于3.1现在正在使用资产,我只是把所有这些文件转移到3.1。 另外,我正在使用compass-960插件,那么我需要在哪里? 我试图添加一个compass.rb需要960和需要html5-boilerplate,我仍然不断收到错误: Error compiling asset application.css: NoMethodError: undefined method `Error' for Compass:Module (in /Users/eumir/rails_apps/kiseki/app/assets/stylesheets/screen.sass) NoMethodError (undefined method `Error' for […]
我一直在使用http://compass-style.org/的指南针pipe理我的网站css很长一段时间。 我只是安装了最新版本,我得到一个相当不愉快的错误,这有一个副作用损坏了我所有的CSS文件。 我如何降级到这个旧版本? 谢谢,Matt
我有几个scssselect器,我使用相同数量的正面和负面,如下所示: padding: 0 15px 15px; margin: 0 -15px 20px -15px; 我宁愿使用一个variables的所有15px的金额,但这是行不通的: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; 保证金金额转换为正数。 我错过了什么吗?
这可能是指南针101,但有谁写了一个混色,设置一个颜色的alpha值? 理想情况下,我希望mixin采取任何forms的颜色定义,并应用透明度: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( rgb(255,0,0), 0.5 ); //prints rgba(255, 0, 0, 0.5);
有没有办法使用Sass或Compass或类似的东西没有Ruby? 我一直在环顾谷歌和这个网站,找不到任何东西,任何帮助将不胜感激。 谢谢
我想开始使用指南针和sass加快发展。 目前,我已经在Mac上安装了Sass,并指示它观看scss文件input,并生成输出的CSS文件。 从很多文章中,Sass和Compass一起使用,我想知道为什么会出现这种情况,Compass是如何增加Sass的function的? 如果你能举一个例子,那就更好了。 谢谢
我正在尝试Zurb基金会5。 所以,我创build了一个新项目并尝试更改设置。 当我改变,例如, $row-width: rem-calc(1170); 在my-project / scss / settings.scss中,它将(在my-project / stylesheets / app.css中)编译成: .row { max-width: rem-calc(1170); } 它似乎不知道rem计算function。 如何使它正确计算rem-calc?