CSS Sass Basics Improve Your Workflow with Sass Write a Mixin

Gerald Susanteo
seal-mask
.a{fill-rule:evenodd;}techdegree
Gerald Susanteo
Front End Web Development Techdegree Student 7,117 Points

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

I cant figure out the error/mistake I've made can someone help?

style.scss
$btn-background: #dc143c;

/* Write your SCSS code below. */

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

2 Answers

Hey Gerald Susanteo,

You have nested <a> tag inside mixin and that's why you are getting an error message!

Your code should look like this:

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

a {
  @include button;
}
Ishmael Phiri
Ishmael Phiri
5,967 Points

what is wrong with my code ?

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