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]>
> >
> > > >.
> > > > > 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.
