Thanks for trying that, Chris. I'm on 2.2.22 and still getting "Sass::SyntaxError: Unexpected begin_interpolation token" with the same snippet.
Thought it might be the # in the color codes, but looks like it's still working cleanly for you. May have to do the Sass 3 upgrade. Much obliged for your assistance! Regards, Chris G On Aug 13, 5:44 pm, Chris Eppstein <[email protected]> wrote: > I got an error because there was newlines. removing those fixed the issue. > > https://gist.github.com/0b5ea059bd405115619d > > On Fri, Aug 13, 2010 at 4:28 PM, Chris G <[email protected]> wrote: > > If you get another moment, would you mind pasting in to your sass: > > > =linear_vertical_gradient(!topcolor, !bottomcolor) > > background = "-moz-linear-gradient(top, #{!topcolor}, #{! > > bottomcolor})" > > background = "-webkit-gradient(linear, left top, left bottom, > > from(#{!topcolor}), to(#{!bottomcolor}))" > > > and then under your div: > > > div > > +linear_vertical_gradient(#32B3E7, #16A0DA) > > > I have a feeling that the function/mixin is what's complicating things > > -- but it's the only way that the parameter replacement makes sense. > > > Thanks greatly for your time, > > > Chris > > > On Aug 13, 5:11 pm, Chris Eppstein <[email protected]> wrote: > > > The following works for me in sass 2.2.22: > > > > !topcolor = red > > > !bottomcolor = blue > > > div > > > background = "-moz-linear-gradient(top, #{!topcolor}, #{!bottomcolor})" > > > > I get: > > > > div { > > > background: -moz-linear-gradient(top, red, blue); } > > > > chris > > > > On Fri, Aug 13, 2010 at 3:51 PM, Chris G <[email protected]> wrote: > > > > Thanks, Chris. Did the replacement, now am puzzling through: > > > > > Sass::SyntaxError: Unexpected begin_interpolation token. > > > > on line 62 of .../sass/application.sass > > > > > 61: =linear_vertical_gradient(!topcolor, !bottomcolor) > > > > 62: background = "-moz-linear-gradient(top, #{!topcolor}, #{! > > > > bottomcolor})" > > > > 63: background = "-webkit-gradient(linear, left top, left bottom, > > > > from(#{!topcolor}), to(#{!bottomcolor}))" > > > > > (And understood on Sass 3 -- just very gunshy from past migrations of > > > > other tech -- but will give it a shot soon) > > > > > /c > > > > > On Aug 13, 3:56 pm, Chris Eppstein <[email protected]> wrote: > > > > > hmmm. are you sure? Sass 3 is rock solid, in my experience and super > > easy > > > > to > > > > > convert to (the sass-convert utility take about 10 seconds to convert > > > > your > > > > > entire site) and handles things like this much better, and with > > compass > > > > > v0.10 you don't even need to write this mixin: > > > > > >http://compass-style.org/docs/reference/compass/css3/gradient/ > > > > > > <http://compass-style.org/docs/reference/compass/css3/gradient/ > > >Anyways, > > > > in > > > > > sass 2, you'll need to add some quotes and interpolation (#{}) to > > make > > > > that > > > > > work. > > > > > > background = "-moz-linear-gradient(top, #{!topcolor}, > > #{!bottomcolor})" > > > > > > Cheers, > > > > > chris > > > > > > On Fri, Aug 13, 2010 at 2:44 PM, Chris G <[email protected]> > > wrote: > > > > > > Thanks, Chris. > > > > > > > We're still on haml/sass 2.x. Upgrading to 3 would be a bit more > > than > > > > > > I can take on with my current task. > > > > > > > The deprecation warnings I see are pretty much: > > > > > > > DEPRECATION WARNING: > > > > > > On line 62, character 17 of '/Users/cmg/dev/likeme/likeme-g/LikeMe/ > > > > > > public/stylesheets/sass/application.sass' > > > > > > Implicit strings have been deprecated and will be removed in > > version > > > > > > 2.4. > > > > > > 'moz' was not quoted. Please add double quotes (e.g. "moz"). > > > > > > > Thanks again, > > > > > > > Chris G > > > > > > > On Aug 13, 3:41 pm, Chris Eppstein <[email protected]> wrote: > > > > > > > In sass 3, the variable prefix has changed from ! to $ and = is > > now : > > > > in > > > > > > all > > > > > > > cases. > > > > > > > > Once you change those, you should be good to go. > > > > > > > > if not, please let us know the deprecation warning you're getting > > and > > > > > > we'll > > > > > > > help you decipher it. > > > > > > > > chris > > > > > > > > On Fri, Aug 13, 2010 at 2:33 PM, Chris G <[email protected]> > > > > wrote: > > > > > > > > Hi, > > > > > > > > > I think I've been using a legacy method/parameter style for > > sass, > > > > but > > > > > > > > I can't figure out, based on the site/docs, which way to turn. > > > > > > > > > My current way: > > > > > > > > > =linear_vertical_gradient(!topcolor, !bottomcolor) > > > > > > > > background = -moz-linear-gradient(top, !topcolor, > > !bottomcolor) > > > > > > > > background = -webkit-gradient(linear, left top, left bottom, > > > > from(! > > > > > > > > topcolor), to(!bottomcolor)) > > > > > > > > > -- then elsewhere -- > > > > > > > > > .use-gradient > > > > > > > > +linear_vertical_gradient(#32B3E7, #16A0DA) > > > > > > > > > What should I replace that with, such that I get no more > > > > deprecation > > > > > > > > warnings? A mixin? Everything I've tried has either failed to > > > > work > > > > > > > > or stop deprecation warnings. I'm probably just a character or > > two > > > > > > > > away... > > > > > > > > > Thanks ever so much, > > > > > > > > > Chris > > > > > > > > > -- > > > > > > > > You received this message because you are subscribed to the > > Google > > > > > > Groups > > > > > > > > "Haml" group. > > > > > > > > To post to this group, send email to [email protected]. > > > > > > > > To unsubscribe from this group, send email to > > > > > > > > [email protected]<haml%[email protected]> > > <haml%[email protected]<haml%[email protected]> > > > > > <haml%[email protected]<haml%[email protected]> > > <haml%[email protected]<haml%[email protected]> > > > > > >< > > > > > > haml%[email protected]<haml%[email protected]> > > <haml%[email protected]<haml%[email protected]> > > > > > <haml%[email protected]<haml%[email protected]> > > <haml%[email protected]<haml%[email protected]> > > > > > > > >. > > > > > > > > For more options, visit this group at > > > > > > > >http://groups.google.com/group/haml?hl=en. > > > > > > > -- > > > > > > You received this message because you are subscribed to the Google > > > > Groups > > > > > > "Haml" group. > > > > > > To post to this group, send email to [email protected]. > > > > > > To unsubscribe from this group, send email to > > > > > > [email protected]<haml%[email protected]> > > <haml%[email protected]<haml%[email protected]> > > >< > > > > haml%[email protected]<haml%[email protected]> > > <haml%[email protected]<haml%[email protected]> > > > > > >. > > > > > > For more options, visit this group at > > > > > >http://groups.google.com/group/haml?hl=en. > > > > > -- > > > > You received this message because you are subscribed to the Google > > Groups > > > > "Haml" group. > > > > To post to this group, send email to [email protected]. > > > > To unsubscribe from this group, send email to > > > > [email protected]<haml%[email protected]>< > > haml%[email protected]<haml%[email protected]> > > >. > > > > For more options, visit this group at > > > >http://groups.google.com/group/haml?hl=en. > > > -- > > You received this message because you are subscribed to the Google Groups > > "Haml" group. > > To post to this group, send email to [email protected]. > > To unsubscribe from this group, send email to > > [email protected] <haml%[email protected]>. > > For more options, visit this group at > >http://groups.google.com/group/haml?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Haml" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/haml?hl=en.
