LearnBoost/stylus — Issue #473: stylus + css3pie : compilation shoud just copy/paste unknown prefixed properties 
Author: domi-papin
Created: 2011-11-30 09:34:45+00:00
State: open

On my latest project, i use concurrently stylus and css3pie.
sidenote : css3pie adds support of CSS3 properties to IE7-9.

Due to IE internals, PIE cannot support background rules as-is. So one has to add a prefixed rule specific to PIE.
```css
background linear-gradient(top, 0% #46BFD3, 4% #3398B7, 100% #287790)
-pie-background linear-gradient(top, 0% #46BFD3, 4% #3398B7, 100% #287790)
```

Unfortunately the -pie-background rule is compiled by stylus into
```css
-pie-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6799b9), color-stop(0.04, #6799b9), color-stop(0.05, #5188ab), color-stop(1, #0e537e));
-pie-background: -webkit-linear-gradient(top, #6799b9 0%, #6799b9 4%, #5188ab 5%, #0e537e 100%);
-pie-background: -moz-linear-gradient(top, #6799b9 0%, #6799b9 4%, #5188ab 5%, #0e537e 100%);
-pie-background: linear-gradient(top, #6799b9 0%, #6799b9 4%, #5188ab 5%, #0e537e 100%);
```

which is useless....
i know i can wrap the rule in @css {} but i find stylus compiler should just ignore my -pie- rules and copy it to output..

thoughts ?
-------
http://twitter.com/signap