This thread looks to be a little on the old side and therefore may no longer be relevant. Please see if there is a newer thread on the subject and ensure you're using the most recent build of any software if your question regards a particular product.
This thread has been locked and is no longer accepting new posts, if you have a question regarding this topic please email us at support@mindscape.co.nz
|
I've created the following mixin:
@mixin gradient($start-color, $end-color) { background: ($start-color + $end-color) / 2; /* Old browsers */ background: -moz-linear-gradient(top, $start-color 0%, $end-color 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $start-color), color-stop(100%, $end-color)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, $start-color 0%, $end-color 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, $start-color 0%, $end-color 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, $start-color 0%, $end-color 100%); /* IE10+ */ filter: #{"progid:DXImageTransform.Microsoft.gradient(startColorstr=" + $start-color + ", endColorstr='" + $end-color + "')"}; /* IE6-9 */ background: linear-gradient(top, $start-color 0%, $end-color 100%); /* W3C */ } @include gradient(#aaaaaa, #858585); It highlights line starting with 'filter: ' as with syntax error but the compiler compiles it correctly. |
|
|
|
