compass-mixins icon indicating copy to clipboard operation
compass-mixins copied to clipboard

@background-image mixin not accepting value

Open alexcracea opened this issue 8 years ago • 1 comments

After installing compass-mixins I tried to include a gradient that was generated here http://www.colorzilla.com/gradient-editor/

The code included was something like this

// Needs latest Compass, add '@import "compass"' to your scss
// Permalink - use to edit and share this gradient:
// http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default
background-color: #1e5799; // Old browsers
@include filter-gradient(#1e5799, #7db9e8, vertical); // IE6-9
@include background-image(linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%));

Thing is that when I was using ruby-sass - it used to compile this function by replacing things like "top" to "to bottom". Seems like this package doesn't replace it and I have to do it manually every time.

Is it possible to integrate this string replacement into this package?

alexcracea avatar Jun 15 '16 13:06 alexcracea

I'm having this issue in a similar manner. I just want a gradient output but I can't use the gradient method because the current syntax is "to right" but the old syntax is "left", which means it either works with no prefix and all the prefix versions are broken, or vice versa.

I can give some examples if needed.

Edit: I think this could be pretty easily fixed with something like "opposite-position".

PensionProSoftware avatar Aug 16 '16 19:08 PensionProSoftware