Home > Software engineering >  Complete CSS rule as variable in SCSS
Complete CSS rule as variable in SCSS

Time:11-09

i am used to work with Less... and, due to the fact
the Scss has become more popular I am now switching to Scss

In Less I used do this:

.cFF {color: #fff;}
.c00 {color: #000;}

.example a {.cFF:)

I am trying to find a way to use a complete CSS value as a variable
I know I can just use the color.

Couldn't find how to do that in Scss... what am I missing?

CodePudding user response:

Define the color classes as mixins and then include them in the other class:

@mixin cFF {color: #fff;}
@mixin c00 {color: #000;}

.example a {
  @include cFF;
}

More Info

CodePudding user response:

Use this:

$color: #912313;

.class{
   color: $color;
}
  • Related