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