Home/ Questions/Q 854313
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T07:54:23+00:00

I am still using the old colon syntax (I prefer it more than the

  • 0

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!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here’s a working answer I got from the Haml groups. Apparently I declared my variable as $main-color: “#f00” instead of just $main-color: #f00

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

    • 0