Search code examples
compass-sasscssspread

Browser support for text-shadow spread value


Seen discussions here but it has been 2 years!

I don't know if I'm using this right but I have the following sass/compass code:

+text-shadow(red 0 3px 0 3px)

Generating the following css:

text-shadow: red 0 3px 3px, red 0 3px 0 3px;
text-shadow: red 0 3px 0 3px, red 0 3px 0 3px;

Which not works in neither Chrome/Safari/Firefox/Opera.

Is this something with the declaration or this spread feature was really removed from specs?


Solution

  • It says in the specs that,

    This property accepts a comma-separated list of shadow effects to be applied to the text of the element. Values are interpreted as for ‘box-shadow’ [CSS3BG]. (But note that spread values are not allowed.) The shadow is applied to all of the element's text as well as any text decorations it specifies.