CSS Sass Basics Improve Your Workflow with Sass Write a Mixin

Ishmael Phiri
Ishmael Phiri
5,967 Points

where am i going wrong ?

Next, create a new rule to specify that all <a> tags should include the styles defined inside the button mixin

style.scss
/* Write your SCSS code below. */

@mixin button {
font-size:1.25em;
background-color:$btn-background;
}
a {
  @include button;
}

3 Answers

Try this:

$btn-background: #dc143c;

/* Write your SCSS code below. */

@mixin button { font-size: 1.25em; background-color: $btn-background;} a { @include button; }

@mixin button { font-size: 1.25em; background-color: $btn-background;} a { @include button; }

Ishmael Phiri
Ishmael Phiri
5,967 Points

Next, create a new rule to specify that all <a> tags should include the styles defined inside the button mixin.

Bummer: There's something wrong with your Sass stylesheet. Please review your code and try again. Sass Error: Undefined variable: "$btn-background".

i used your codin @alvin balena

Just delete the whole code and re-paste this:

$btn-background: #dc143c;

/* Write your SCSS code below. */

@mixin button { font-size: 1.25em; background-color: $btn-background;} a { @include button; }