When I try to use linear-gradient
with bourbon:
@include linear-gradient(#8080a0, #606090);
I get this:
background-color: #8080A0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#8080A0, #606090, false, false, false, false, false, false, false, false)));
background-image: -webkit-linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
background-image: -moz-linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
background-image: -ms-linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
background-image: -o-linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
background-image: linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
which seems to indicate that compact()
is not called. It is defined in a separate file in a place called lib/bourbon/sass_extensions/functions/compact.rb
. How can I get that loaded?
Solved
The problem seemed to be with bourbon itself. I was using version 2.1.3, which had the problem. The authors have been updating it in these few days, and they added a new version 3.0.1, which is working.