Hmm that's weird, why does the variable work when it is used as a
mixin argument? like say +box($main-color)
or as a mixin default like:
=box(!color = $main-color, !width = 1px ,!style = solid)
:border
:color = !color
:width 1px
:style = !style
On Jun 18, 1:52 pm, Nathan Weizenbaum <[email protected]> wrote:
> Your $main-color variable shouldn't have quotes. In Sass 3, all variables
> and mixin arguments should be just as you want them to appear in the CSS,
> without any extra quotes.
>
>
>
> On Thu, Jun 17, 2010 at 10:45 PM, Eumir <[email protected]> wrote:
> > I took out all the mixins then tried to compile again. This time it
> > compiled well but like before I don't see the styles regarding the
> > variable(the background color of button-link is white/none instead of
> > the main-color being #f00
>
> > $main-color: "#f00"
>
> > .print-link
> > :background url(../images/icons/printer.png) no-repeat
> > :padding
> > :left 20px
>
> > a.button-link
> > :background
> > :color $main-color
> > :color #fff
> > :padding 5px
>
> > &:hover
> > :color #fefefe
>
> > .lightbox-close-link
> > :top 0
> > :right 0
> > :font
> > :size .8em
> > :color #fff
> > :background #82b12e
> > :padding 5px
>
> > On Jun 18, 1:08 pm, Nathan Weizenbaum <[email protected]> wrote:
> > > The old-style property syntax should work with $-style variables, and
> > does
> > > in my tests. In order to reproduce your issue, I'll need a stylesheet
> > that I
> > > can run with the sass command-line utility... that means one that doesn't
> > > use any mixins that aren't defined in the stylesheet itself.
>
> > > On Thu, Jun 17, 2010 at 8:46 PM, Eumir <[email protected]> wrote:
> > > > Basically, I think you can't use the old ":style value" syntax with
> > > > the new "style: value" syntax. But is there a way to use variables
> > > > with the old syntax without using the deprecated ":style = $variable"
> > > > format?
>
> > > > .print-link
> > > > :background url(../images/icons/printer.png) no-repeat
> > > > :padding
> > > > :left 20px
>
> > > > a.button-link
> > > > +box($main-color)
> > > > +border-radius(5px)
> > > > +strong
> > > > :background
> > > > :color $main-color
> > > > :color #fff
> > > > :padding 5px
>
> > > > &:hover
> > > > :color #fefefe
>
> > > > .lightbox-close-link
> > > > +absolute
> > > > +uppercase
> > > > +strong
> > > > :top 0
> > > > :right 0
> > > > :font
> > > > :size .8em
> > > > :color #fff
> > > > :background $main-color
> > > > :padding 5px
>
> > > > On Jun 18, 4:15 am, Nathan Weizenbaum <[email protected]> wrote:
> > > > > Can you gist the entire Sass file that causes the error, so that I
> > can
> > > > run
> > > > > it and reproduce?
>
> > > > > On Thu, Jun 17, 2010 at 4:38 AM, Eumir <[email protected]>
> > wrote:
> > > > > > I am still using the old colon syntax (i prefer it more than the
> > > > > > bracket syntax) and this particular code:
>
> > > > > > a.button-link
> > > > > > +box($main-color)
> > > > > > +border-radius(5px)
> > > > > > :background
> > > > > > :color $main-color
> > > > > > :color #fff
> > > > > > :padding 5px
>
> > > > > > generates a warning like so:
>
> > > > > > DEPRECATION WARNING:
> > > > > > On line 12, character 3 of '/Users/eumir/rails_apps/dxconnect/app/
> > > > > > stylesheets/partials/utilities/_link-styles.sass'
> > > > > > Setting properties with = has been deprecated and will be removed
> > in
> > > > > > version 3.2.
> > > > > > Use "background: $main-color" instead.
>
> > > > > > I tried that but my background color still doesn't show up. Any
> > help
> > > > > > on this please? Thanks!
>
> > > > > > --
> > > > > > 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%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 [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.
