我使用Bourbon中包含的mixins时遇到问题.
当这个mixin使用Bourbon的“紧凑”功能时,它只是将它编译成css而不使用它.
以下是Box-shadow的rendred CSS的屏幕截图：
当这个mixin使用Bourbon的“紧凑”功能时,它只是将它编译成css而不使用它.
以下是Box-shadow的rendred CSS的屏幕截图：
http://i.stack.imgur.com/YF1JB.png
我在非静态站点上使用它,使用最新的Sass版本.我使用Codekit进行编译.
感谢帮助 ！
解决方法
好吧,在这里深入潜水后,我是如何解决的.
此问题可能是由于此提交引起的：
https://github.com/thoughtbot/bourbon/commit/ac07c990c0d0fe16f4c455490c9a9fdff7fe27af
紧凑的函数已经在Ruby中重写,以便更好地与Rails集成.
最初我只是从repo中复制粘贴’stylesheet’文件夹.那就是我开始假sytax的时候.
我通过阅读说明修复了错误:) – 关于如何在Rails中安装它的说明然后它工作了.
在你的情况下,idk如果他们有一个codekit实现,但我相信你可以通过添加以下代码来解决它：
@function compact($var-1,$var-2: false,$var-3: false,$var-4: false,$var-5: false,$var-6: false,$var-7: false,$var-8: false,$var-9: false,$var-10: false) {
$full: $var-1;
$vars: $var-2,$var-3,$var-4,$var-5,$var-6,$var-7,$var-8,$var-9,$var-10;
@each $var in $vars {
@if $var {
$full: $full,$var;
}
}
@return $full;
}
(我从回购中得到了代码)
在你的addons文件夹中的文件名_function.scss中,并在_bourbon.scss中引用它.这应该可以解决你的问题.
