Tag: sass

在SASS IF语句中使用多个条件（AND）

使用SASS，我想在IF语句中有多个条件 我现在使用的是： @function color-x ($alpha) { @if $accent == red {@return red($alpha)} @else if $accent == green {@return green($alpha)} @else if $accent == blue {@return blue($alpha)} } 我天真（失败）尝试使用多个条件： @function color-x ($alpha) { @if $accent == red && theme == light {@return red($alpha)} @else if $accent == green && theme == light {@return green($alpha)} @else if […]

在Eclipse中使用Haml＆Sass

是否有任何插件用于添加语法突出显示和其他编辑Haml和Sass的细节？ Googlesearch似乎只能指向lucky-dip.net上的一个死亡项目 。 注意：这是我最感兴趣的Sass。在Eclipse中只使用Sass（或类似于它的类似的东西）的解决scheme将适合我的需要。 此外，我正在开发Google App Engine（Java），使用Eclipse的App Engine插件。 所以切换到另一个IDE不是一个选项。 更新：所以我现在使用Pascal的答案语法突出显示，我已经安装了Ruby和Compass编译sass到CSS。 但是我知道sass的语法将会随着2.4的变化而变化，所以我仍然想让Aptana来的Haml和Sass编辑工作。 当我试图使用它们时，他们抛出一个exception，并不会显示这些文件。 我有兴趣知道这是因为我错误地configuration了Aptana还是编辑器中的一个实际的错误。 我也会对编译与Ecplise集成的Sass的任何方式非常感兴趣，所以我不需要单独运行一些东西。 （或者将Sass / Compass放入Ecplise构build过程的方法）。

你如何从SASS的任何号码剥离单位？

我知道你可以在SASS中脱离数字单位，当你知道这个单位像这样： $number: 16px; $without-unit: 16px / 1px; @warn $without-unit; // 16 但是，是否有可能从一个数字中剥离单位，而不知道单位是什么？ @function strip-unit($number) { // magic code here… } @warn strip-unit(16px); // 16

如何使用node-sass（不使用Ruby）编译或转换sass / scss到css？

我一直在努力设置libsass，因为它不像基于Ruby的transpiler那样简单。 有人可以解释如何： 安装libsass？ 从命令行使用它？ 使用它与任务跑步者如吞咽和咕噜？ 我对于软件包pipe理者没有什么经验，对于任务跑步者我也没什么经验。

检查SASS中是否定义了一个variables

正如标题所说，我正试图检查一个variables是否在SASS中定义。 （我使用罗盘，如果有任何不同的区别） 我发现Ruby的等价物是： defined? foo 给了在黑暗中的一枪，但它只是给了我错误： defined": expected "{", was "? 我find了一个解决方法（显然只是在所有情况下定义variables，在这种情况下它实际上更有意义），但我真的想知道这是否有可能的未来

我如何创build一个calc mixin作为expression式来生成标签？

我正在使用一个sass样式表，我希望使用calc元素dynamic调整一些内容。 由于calc元素还没有标准化，我需要定位calc() ，- -moz-calc()和-webkit-calc() 。 有没有办法让我创build一个mixin或函数，我可以传递一个expression式，以便它将生成所需的标签，然后可以设置为width或height ？

指南针和sass的区别？

我知道这是一个愚蠢的问题，但我一直在search谷歌，我找不到任何答案：/所以SASS和指南针，SASS和SCSS有什么区别？ 我真的很困惑。 感谢您的任何信息:)

文件导入未find或不可读：指南针

我成功安装了Sass，但我在导入Compass时遇到了麻烦。 以下是错误的详细信息： *Syntax error: File to import not found or unreadable: compass. Load path: H:/HTML/___keoFull/sass ….. Backtrace: mainKeo.scss:2 style.scss:2 C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/import_node.rb:67:in `rescue in import' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/import_node.rb:45:in `import' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/import_node.rb:28:in `imported_file' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/import_node.rb:37:in `css_import?' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:217:in `visit_import' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:37:in `visit' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:100:in `visit' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:227:in `block in visit_import' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:227:in `map' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:227:in `visit_import' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:37:in `visit' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:100:in `visit' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:53:in `block in visit_children' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:53:in `map' C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:53:in `visit_children' […]

在CSS属性值中的默认值是什么意思？

twitter引导代码有很多CSS属性，最后还有!default 。 例如 p { color: white !default; } !default做什么？ UPDATE 我不好清楚。 我正在使用Bootstrap的SASS端口。

用于css3关键帧animation的SASS（不是SCSS）语法

有没有办法在SASS中编写关键帧？ 我发现的每个例子实际上都是SCSS，即使它说SASS。 要清楚，我的意思是没有大括号的那个。