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