Tag: sass

由于版本冲突，无法安装sass + compass + susy: 我正在OSX /terminal上与Sass，Compass和Susy合作。但是我不能让Susy和Sass和Compass一起工作。我做了什么： sudo gem install sass sass -v 返回：Sass 3.3.0（Maptastic Maple） sudo gem install compass 这似乎也安装了sass-3.2.14.gem，然后是compass-0.12.3.gem。 compass -v 返回：指南针0.12.3（Alnilam）一切，直到这一点似乎运作良好; 我可以创build一个Compass项目并使用它。然后我尝试安装Susy： sudo gem install susy –pre 要不就 sudo gem install susy 这似乎安装了susy-2.0.0 比我运行： compass create /Users/tom/Thomas/htdocs/susi4-test -r susy -u susy 我得到这个错误： Gem::LoadError on line 2064 of /Library/Ruby/Site/1.8/rubygems/specification.rb: Unable to activate susy-2.0.0, because […]

当使用SASS时，我怎样才能从一个不同的目录导入一个文件？: 在SASS中，是否可以从其他目录导入文件？例如，如果我有这样的结构： – root_directory – sub_directory_a – _common.scss – template.scss – sub_directory_b – more_styles.scss template.scss可以使用@import "common"导入_common.scss，但是more_styles.scss可能导入_common.scss？我尝试了一些不同的东西，包括@import "../sub_directory_a/common"和@import "../sub_directory_a/_common.scss"但似乎没有任何工作。

作为SASS mixin值的CSS属性: 我试图build立一些通用的边缘/填充混合… 这是我的代码： [class*="shift"] { $sft-o: 10px; @mixin shift_stp($val) { &[class*="_sml"]{ $val: $sft-o; } &[class*="_mid"]{ $val: $sft-o * 2; } &[class*="_big"]{ $val: $sft-o * 3; } } &[class*="_m"]{ @include shift_stp(margin); } &[class*="_p"]{ @include shift_stp(padding); } } 有些东西是不正确的，所以我想知道是否有可能设置一些CSS属性作为一个混合值？任何人都可以帮忙吗？

如何在Sass中分配一个全局variables？: 我运行这个Sass代码： $a: 1; @if 2 + 2 == 4 { $a: 2; } @debug $a; 我期望看到2.然而，产出是： Line 5 DEBUG: 1 我知道Sass在@if范围内创build了一个新的$avariables。我怎样才能改变这种行为并为全局$a赋值？我使用Sass 3.4.0。

如何在编译为CSS时覆盖SCSSvariables: 我试图使用基于SASS和COMPASS的jqtouch主题。我有一个文件custom.scss最简单的代码，一个导入和一个variables覆盖： @import 'jqtouch'; // Override variables $base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/ 当我现在将scss文件编译为css时，它基本上只是用我的文件名生成jqtouch css。颜色规范是无处可见的，虽然variables是definitley正确的每个文档（官方指南）和jqtouch.scss文件，我导入costumizing。我在Windows机器上运行Sass 3.2.9和Compass 0.12.2。我已经尝试了更多的variables和不同的文件导入，但结果总是，我的覆盖值没有合并。指南针的rubyconfiguration文件似乎是不吉利的。有没有人有一个想法在这个过程中出了什么问题，以便我的覆盖值被忽略？

Sass无效的CSS错误：“预期expression式”: 我刚刚遵循了Sass教程。由于某些原因，虽然Sass文件不能正确生成CSS。 terminal说，CSS是无效的，但我很确定它不是。我也尝试改变它，以防万一有问题… 我做错了什么？ Sass版本：Sass 3.1.10 错误信息： error sass/test.sass (Line 3: Invalid CSS after "80%": expected expression (eg 1px, bold), was ";") .sass文件内容： /* style.scss */ #navbar { width: 80%; height: 23px; }

我可以使用variablesselect器吗？: 我有这个variables： $gutter: 10; 我想在像SCSS这样的select器中使用它： .grid+$gutter { background: red; } 所以输出成为CSS： .grid10 { background: red; } 但是这不起作用。可能吗？

SASS：从列表中随机挑选背景图像: 我需要输出这个： #footer-widgets .container .row { background-image: url("RANDOMLY PICKED"); background-position: right bottom; background-repeat: no-repeat; } …应该有一个列表4或5链接到实际的背景图像（ http://domain.com/blablabla/image.png ）从中挑选。我怎样才能用SASS做到这一点？

在Sass中使用函数是返回包含函数名称而不是结果的string: 我正在尝试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？

修改Sass中select器的中间（添加/删除类等）: 我有我的菜单中的样式链接以下SCSS： nav { ul { li { a { color: red } } } ul.opened { li { a { color: green } } } } 其中生成以下（正确的）CSS： nav ul li a { color: red; } nav ul.opened li a { color: green; } 我尝试修改我的JavaScript来将类应用于nav元素，并在Sass中使用selector-append()来追加类。但是这似乎是以错误的顺序进行追加（如果参数颠倒过来，则该类将被追加到最后一个元素！）： nav { ul { li { a { color: red; […]