Tag: sass

为什么“罗盘监视”说它不能加载sass /脚本/节点(LoadError)?

我的罗盘监视命令有问题 – 直到几天前它工作得很好。 我没有改变我的configuration文件。 我重新安装了Compass,使用rvm来更新Ruby。 我检查了我的custom_require.rb文件,但我真的不知道要找什么。 它似乎试图加载文件“sass /脚本/节点”的地方,从http://sass-lang.com/docs/yardoc/Sass/Script/Node.html我收集文件path – 但我什么也没有。 /Users/sampurcell/.rvm/rubies/ruby-1.9.3-p194/lib/ruby/site_ruby/1.9.1/rubygems/custom_require.rb:60:in `require': cannot load such file — sass/script/node (LoadError) from /Users/sampurcell/.rvm/rubies/ruby-1.9.3-p194/lib/ruby/site_ruby/1.9.1/rubygems/custom_require.rb:60:in `rescue in require' from /Users/sampurcell/.rvm/rubies/ruby-1.9.3-p194/lib/ruby/site_ruby/1.9.1/rubygems/custom_require.rb:35:in `require' from /Users/sampurcell/.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches/browser_support.rb:1:in `<top (required)>' from /Users/sampurcell/.rvm/rubies/ruby-1.9.3-p194/lib/ruby/site_ruby/1.9.1/rubygems/custom_require.rb:55:in `require' from /Users/sampurcell/.rvm/rubies/ruby-1.9.3-p194/lib/ruby/site_ruby/1.9.1/rubygems/custom_require.rb:55:in `require' from /Users/sampurcell/.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:2:in `block in <top (required)>' from /Users/sampurcell/.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:1:in `each' from /Users/sampurcell/.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:1:in `<top (required)>' from /Users/sampurcell/.rvm/rubies/ruby-1.9.3-p194/lib/ruby/site_ruby/1.9.1/rubygems/custom_require.rb:55:in `require' from /Users/sampurcell/.rvm/rubies/ruby-1.9.3-p194/lib/ruby/site_ruby/1.9.1/rubygems/custom_require.rb:55:in […]

用于Java的SASS实现?

我正在寻找Java中的SASS实现(可以和JSP / JSF一起使用)。 对于Python我已经find了CleverCSS,但是Java没有任何东西。 任何人都听说过这种生成CSS的工具吗?

LESS是否有“扩展”function?

SASS有一个名为@extend的特性,它允许select器inheritance另一个select器的属性,但不需要复制属性(如mixin)。 LESS是否也有这个function?

仅针对使用的类优化Font Awesome

我正在使用Font Awesome Sass文件https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass使它成为_font-awesome.sass,所以我可以在我的Sass项目中使用@import 。 我也使用http://middlemanapp.com/将Sass转换为Css 。 问题: 有没有办法只把已经使用的图标类放入我的转换.css中? 因为现在它带着_font-awesome.sass的所有课程 奖金:是否有可能重新编译字体与使用图标类 ,使其生产使用更小? 如果我能得到上面#1的一些提示,那就太棒了。 谢谢。

SCSS mixin中if / else条件的语法

您好我正在学习SASS / SCSS,并试图重构我自己的mixin的clearfix 我想要的是mixin是基于我是否通过混合宽度。 到目前为止的想法(伪代码,因为我将包括其他mixins) @mixin clearfix($width) { @if !$width { // if width is not passed, or empty do this } @else { display: inline-block; width: $width; } } 这是我以为我可以称之为,但它不工作。 @include clearfix(); 要么 @include clearfix(100%) 要么 @include clearfix(960px) 我会很感激任何帮助最好的或正确的方式来做到这一点!

萨斯和组合的孩子select

我刚刚发现了Sass,而且我对此非常兴奋。 顺便说一下,在我的网站上,我实现了一个树形导航菜单,使用组合的子select器 ( E > F )进行样式化。 有什么方法可以将这些代码重写为Sass上更简单(或更好)的语法? #foo > ul > li > ul > li > a { color: red; }

用SCSS / SASS计算百分比

我想通过计算在scss中设置一个百分比的宽度,但它给我错误.. “…- width:(4/12)%”之后的无效CSS:预期expression式(例如1px,粗体)是“;” 我想要做类似的事情 $my_width: (4/12)%; div{ width: $my_width; } 如何在那里添加%符号? 与px和em相同的问题

在Sass中的图像path有一个variables?

我想有一个variables,它包含我的CSS文件中所有图像的根path。 我不能完全弄清楚,如果这可能在纯Sass(实际的Web项目不是RoR,所以不能使用asset_pipeline或任何那个华丽的爵士)。 这是我的例子,不起作用。 在编译它在后台url属性variables的第一个实例balks说( "Invalid CSS after "..site/background": expected ")" )。 定义函数返回path: //Vars $assetPath : "/assets/images"; //Functions @function get-path-to-assets($assetPath){ @return $assetPath; } 使用function: body { margin: 0 auto; background: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0; width: 100%; } 任何帮助,将不胜感激。

没有ruby的Sass或Compass?

有没有办法使用Sass或Compass或类似的东西没有Ruby? 我一直在环顾谷歌和这个网站,找不到任何东西,任何帮助将不胜感激。 谢谢

在ASP.NET中使用SASS

我正在研究如何在ASP.NET环境中使用Ruby HAML包中的SASS (Syntactically Awesome StyleSheets)。 理想情况下,我希望将SASS文件编译为CSS,以便构build过程的无缝部分。 什么是这种整合的最佳途径? 或者,还有其他更适合.NET环境的CSS生成工具吗?