box-shadow mixin

[manfred louis]

If I enter simply in my css:" box-shadow: #333 0 1px 5px 0 " I have a
nice shadow over my box but if I use the mixin @include box-
shadow(#333 0 1px 5px 0); it generates something like:

-moz-box-shadow: #333333 0 1px 5px 0 1px 1px 5px 0;
-webkit-box-shadow: #333333 0 1px 5px 0 1px 1px 5px 0;
-o-box-shadow: #333333 0 1px 5px 0 1px 1px 5px 0;
box-shadow: #333333 0 1px 5px 0 1px 1px 5px 0;

which doesn't show any shadow at all. What is the right syntax please?

[Chris Eppstein]

Syntax looks right. What versions of sass and compass are you using?

--
You received this message because you are subscribed to the Google Groups "Compass" group.
To post to this group, send email to compas...@googlegroups.com.
To unsubscribe from this group, send email to compass-user...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/compass-users?hl=en.

[manfred louis]

compass 0.10.6
sass-3.2.0.alpha.35

[Rohith Mohan]

Your syntax for passing arguments is wrong.

use this @include box-shadow(#333, 0, 1px, 5px, 0);

you missed the commas. :)

[iGbanam]

If push is coming to shove, look into using the +single-box-shadow mixin.

Sent from an Asteroid in Space™

[spav freak]

see this .. http://compass-style.org/examples/compass/css3/box_shadow/

[manfred louis]

Exactly: that example shows:

#box-shadow-custom {
@include box-shadow(red 2px 2px 10px); }

as a working code but instead I had to do what IGbanam suggested which
is:

#box-shadow-custom {
@include box-shadow(red, 2px, 2px, 10px); }

On Dec 5, 8:27 am, spav freak <spa...@gmail.com> wrote:
> see this ..http://compass-style.org/examples/compass/css3/box_shadow/