在使用Rails 3.1时如何使用Sass中的参考图像？
我有一个Rails 3.1项目，资产管道运行良好。问题是，我需要在我的Sass中引用图像，但Rails计算图像URL。 （这在生产中尤其重要，Rails将图像的Git哈希值附加到其文件名以清除缓存。） 例如，在 app / assets / stylesheets / todos.css.scss ： .button.checkable {background- image：url（
..
sass相关内容
.NET中更好的CSS？
我对于我在Python和Ruby社区围绕CSS所看到的创新有点嫉妒。例如： http://sandbox.pocoo.org/clevercss/ http://lesscss.org/
..
Sass 3.3.7 - 动态创建图标列表
我有一个图标类名称列表，例如 auth-single-multi，auth-batch，auth-file，auth-imp-file，auth-man -fund-tran 我想循环遍历这个列表（共有100个图标），并为每个图标的background-position-y属性定义一个类25px比上一个图标值 .auth-single-multi {background-pos
..
Sass关键帧动画混合生成无效的CSS
我有以下关键帧mixin，但它似乎生成无效的CSS： @mixin关键帧 { @ -webkit-keyframes $ animationName { @content; } @ -moz-keyframes $ animationName { @content; } @ -o-keyframes $ animationName { @content; } @
..
将css属性：value传递给mixins参数
像sass / scss中的下列dummyexample可能吗？ 我需要这样的东西，以防止不同媒体查询重复为不同的设备。 //虚拟混合 @mixin iphone_rules（$ webapp_portrait：null）{ @if（$ webapp_portrait！= null）{ // Portrait（webapp） @media screen和（max-heig
..
是否有SASS规则用于将后代输出到根？
使用SASS&指南针，你仍然可以缩进的后代方式写入，但添加一个规则/命令，使给定的后代写入另一个级别。 root？ 这样： ＃example-id-1 { background：blue： ＃example-id-2 { background：red： ＃example-id-3 { background：yellow： } } } 通常会输
..
（SASS）如何排除我导入的文件以编译到css文件
我有以下sass目录 sass .rb -base.scss -mixins.scss -main.scss site -dowmloads.scss -messages。 scss ... ... 这工作正常，但我不想要所有的.scss文件编译为css文件。我只想输出main.css，因为它导入其他文件。 每当我做指
..
SASS语法不会在css中生成&：hover
我一直在搜索。在stackoverwflow和其他资源上发现了一些类似的问题，但大多数是关于语法错误。 有人可以告诉我这个代码有什么问题，为什么SASS不会产生：hover在结果css？ 这是我的SASS代码： .img-ornament -webkit- transition：all 0.5s ease -moz-transition：all 0.5s ease
..
SASS和Bootstrap - mixins vs. @extends
我正在使用 Bootstrap的SASS端口，我想知道是否使用pre使用SASS的 @extends 。 例如，如果我有
这里有一些内容.... 是否有任何区别 .wrapper { @include make-row（）; } 和 .wrapper {
..
使用在scss文件中的config.rb中定义的变量
在整个SCSS文件中，是否可以使用在指南针项目的config.rb文件中定义的变量？ 解决方案 在您的config.rb文件中添加一个自定义模块： 模块Sass :: Script :: Functions def custom_color（value） rgb = options [：custom] [：custom_colors] [value.to_s] .scan（/?
..
如何在Rails 3.2.1中使用Controller特定的样式表？
使用Rails 3.2.1 我使用命令创建了一个名为Home的简单控制器： rails g controller主页索引 它为我创建了一个新的控制器和视图： 请注意，有两个样式表，一个“应用程序”和一个“家庭”。我找不到任何文档来支持这个假设，但我猜你把只适用于“Home”视图的样式，在Home.css.scss文件中，是否正确？
..
Less / Sass调试在Chrome开发工具/ Firebug
你们如何对使用Less / Sass构建的CSS进行维护？ 我喜欢Dev Tools / Firebug的一件事是看到行css样式的编号。有没有好的方法来使用CSS预处理器，而不是手动搜索.less / .scss文件来找到我想要修改的代码？ 解决方案 Chrome开发人员工具现在支持Sass调试即开即用。 更新为包含源地图： strong> 以前的版本在css中使用内联
..
如何观察整个目录/文件夹中包含许多sass文件的更改
如何跟踪包含许多sass文件的整个目录中的更改？我使用以下命令查看sass中的更改 文件： sass --watch style.scss：style.css 但是如何观察整体的变化目录/文件夹包含许多sass文件。 解决方案 只需使用命令 sass --watch： ，如下所示： $ ls -
..
使用SASS与ASP.NET
我正在寻找如何使用 SASS （句法Awesome StyleSheets）从一个ASP.NET环境中的Ruby HAML包。理想情况下，我希望将SASS文件编译为CSS是构建过程的一个无缝的部分。 这种集成的最佳方法是什么？ 解决方案 要获得更好的工作体验， Visual Studio中，您可以安装开始支持Sass（SCSS语法）的 Web Essential 的最新版本。 或者
..
Sass存储选择器在变量中
我试图在SASS中保存一个选择器，以便以后更容易引用，但是我得到一个语法错误。 p> $ icon：[class * =“icon”]; 解决方案 如果你想要将它转换为字符串以将其用作变量： $ icon：'[class * =“icon”]' ＃{$ icon} { // stuff }
..
有没有办法从javascript导入变量到sass或反之亦然？
我正在制作一个依赖于块概念的css网格系统。所以我有一个基本文件，如： $ max-columns：4; $ block-width：220px; $ block-height：150px; $ block-margin：10px; 它由mixin使用： @mixin块（$ rows，$ columns，$ max-columns）{ displa
..
如何从罗盘生成的精灵图像文件名中删除哈希值？
指南针使用chunky_png渲染精灵。它在文件的末尾添加一个哈希，以强制缓存下载新的图像精灵。 解决方案 不幸的是 asset_cache_buster：none 选项不会禁用将散列添加到文件名的末尾。 像我之前写过的几次（法语），Compass没有办法禁用缓存哈希破坏，但我建议解决方案。 您的配置文件（例如 config.rb ）添加以下行： ＃制作一个名称没有散列唯
..
Sass是否支持内联注释？
我可以在我的 .scss 文件中保留这样的内嵌注释 thead { display：table-header-group; // h5bp.com/t } 我不想在我的css输出。 解决方案 SASS中要考虑两种不同类型的注释。 单行注释 // 将被.scss预处理程序删除，并且不会出现在您的.css文件中。 多行注释 * / 是
..
SASS - 在多个文件中使用变量
我想保留一个中心的.scss文件，用于存储项目的所有SASS变量定义。 // _master .scss $ accent：＃6D87A7; $ error：＃811702; $ warning：＃F9E055; $ valid：＃038144; // etc ... 项目将有大量的CSS文件，由于其性质。重要的是我在一个位置声明所有项目范围的样式
..
在Sass中有一个变量在图像路径？
我想有一个变量，其中包含我的CSS文件中所有图像的根路径。我不能完全明白这是否可能在纯Sass（实际的web项目不是RoR，所以不能使用asset_pipeline或任何那个花哨的爵士乐）。 这里是我的例子，不工作。在编译它balks在变量的第一个实例在后台url属性说（“Invalid CSS after”..site / background“：expected”）“）。 定义函数
..