Tag: sass

在Rails资产pipe道中使用字体

我有一些字体被configuration在我的Scss文件中，如下所示： @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } 实际的字体文件存储在/ app / assets / fonts / 我已经将config.assets.paths << Rails.root.join("app", "assets", "fonts")到我的application.rb文件 而编译CSS源码如下： @font-face { font-family: 'Icomoon'; src: url(/assets/icoMoon.eot?#iefix) format("embedded-opentype"), url(/assets/icoMoon.woff) format("woff"), url(/assets/icoMoon.ttf) format("truetype"), url(/assets/icoMoon.svg#Icomoon) format("svg"); } 但是当我运行应用程序的字体文件没有被发现。 日志： 开始获取“/assets/icoMoon.ttf”为127.0.0.1于2012-06-05 23:21:17 +0100服务资产/icoMoon.ttf – 404未find（13ms） 为什么资产pipe道没有将字体文件压缩成公正/资产？ 任何想法的人？ […]

在Sass中dynamic创build或引用variables

我想对我的variables使用string插值引用另一个variables： // Set up variable and mixin $foo-baz: 20px; @mixin do-this($bar) { width: $foo-#{$bar}; } // Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin @include do-this('baz'); 但是当我这样做，我得到以下错误： 未定义的variables：“$ foo-”。 Sass是否支持PHP风格的variables？

使用CSS3媒体查询使用Sass变量

我试图结合使用Sass变量与@media查询如下： $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} 然后在样式表宽度基于百分比的测量中的不同点处定义$base_width以产生流体布局。 当我这样做，变量似乎被正确识别，但媒体查询条件不是。 例如，无论屏幕宽度如何，上面的代码都会生成一个1160像素的布局。 如果我像这样翻译@media语句： @media screen and (min-width: 1171px) {$base_width: 1160px;} @media screen and (max-width: 1170px) {$base_width: 960px;} 它会产生960像素的布局，不管屏幕宽度如何。 另外请注意，如果我删除第一行$base_width: 1160px; 它会为未定义的变量返回一个错误。 任何想法我失踪？