Try:
@import "css3";
@import "css3/opacity";
@import "css3/box-shadow";
@import "960/grid";
@import "base";
.shadow{
@include single-box-shadow();
}
returns:
SassContextException: Undefined Mixin: single-box-shadow: sites/gm.localhost/themes/gm/styles/gm.scss::43 Source: .shadow in SassContext->getMixin() (line 70 of L:\LAS\DEV\SITES\sites\gm.localhost\themes\sasson\phamlp\sass\tree\SassContext.php).
Comments
Comment #0.0
Michsk commentedtyp0
Comment #1
tsi commentedThere is no such mixin as
single-box-shadow().see http://drupalcode.org/project/sasson.git/blob/refs/heads/7.x-2.x:/phamlp...
Comment #2
Michsk commentedmm using:
@include box-shadow(rgba(blue, 0.4) 0 0 25px, rgba(green, 0.2) 0 0 3px 1px inset);doesn't do anything either.Comment #3
Michsk commentedAh i was using the compass page: http://compass-style.org/reference/compass/css3/box_shadow/#mixin-box-sh...
Comment #4
tsi commentedSeems like our version of compass don't allow multiple shadows, it can do single shadow like this :
@include box-shadow(red, 2px, 2px, 10px, inset);On the other hand, Sasson does allow multiple backgrounds with its prefixer, simply use :
box-shadow: rgba(blue, 0.4) 0 0 25px, rgba(green, 0.2) 0 0 3px 1px inset;Comment #5
tsi commentedNewer versions of compass will allow this and other new features, we will update #1420254: Phamlp and Compass situations? when this is possible.
Comment #6.0
(not verified) commentedanother typ0