This ended up working:
=linear_vertical_gradient(!topcolor, !bottomcolor)
background = "-moz-linear-gradient(top," !topcolor "," !bottomcolor
")"
background = "-webkit-gradient(linear, left top, left bottom,
from(" !topcolor "), to(" !bottomcolor "))"
On Aug 16, 8:58 am, Chris G <[email protected]> wrote:
> 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.
