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 <galtenbe...@gmail.com> 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 <ch...@eppsteins.net> 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 <galtenbe...@gmail.com> 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 <ch...@eppsteins.net> 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 <galtenbe...@gmail.com>
> 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 <ch...@eppsteins.net> 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 <galtenbe...@gmail.com>
> > > 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 h...@googlegroups.com.
> > > > > > > To unsubscribe from this group, send email to
> > > > > > > haml+unsubscr...@googlegroups.com<haml%2bunsubscr...@googlegroups.com>
> <haml%2bunsubscr...@googlegroups.com<haml%252bunsubscr...@googlegroups.com>
> >
> > > <haml%2bunsubscr...@googlegroups.com<haml%252bunsubscr...@googlegroups.com>
> <haml%252bunsubscr...@googlegroups.com<haml%25252bunsubscr...@googlegroups.com>
> >
> > > ><
> > > > > haml%2bunsubscr...@googlegroups.com<haml%252bunsubscr...@googlegroups.com>
> <haml%252bunsubscr...@googlegroups.com<haml%25252bunsubscr...@googlegroups.com>
> >
> > > <haml%252bunsubscr...@googlegroups.com<haml%25252bunsubscr...@googlegroups.com>
> <haml%25252bunsubscr...@googlegroups.com<haml%2525252bunsubscr...@googlegroups.com>
> >
> >
> > > > > >.
> > > > > > > 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 h...@googlegroups.com.
> > > > > To unsubscribe from this group, send email to
> > > > > haml+unsubscr...@googlegroups.com<haml%2bunsubscr...@googlegroups.com>
> <haml%2bunsubscr...@googlegroups.com<haml%252bunsubscr...@googlegroups.com>
> ><
> > > haml%2bunsubscr...@googlegroups.com<haml%252bunsubscr...@googlegroups.com>
> <haml%252bunsubscr...@googlegroups.com<haml%25252bunsubscr...@googlegroups.com>
> >
> > > >.
> > > > > 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 h...@googlegroups.com.
> > > To unsubscribe from this group, send email to
> > > haml+unsubscr...@googlegroups.com<haml%2bunsubscr...@googlegroups.com><
> haml%2bunsubscr...@googlegroups.com<haml%252bunsubscr...@googlegroups.com>
> >.
> > > 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 h...@googlegroups.com.
> To unsubscribe from this group, send email to
> haml+unsubscr...@googlegroups.com <haml%2bunsubscr...@googlegroups.com>.
> 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 h...@googlegroups.com.
To unsubscribe from this group, send email to haml+unsubscr...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/haml?hl=en.
