Plz help where I went wrong?

Tell us what’s happening:

Your code so far


<style type='text/scss'>
@mixin border-stroke($val) {
@if $val == light {
  border: 1px solid back;
}
@else if $val == medium {
  border: 3px solid black;
}
@else if $val == heavy {
  border: 6px solid black;
}
@else {
  border: none;
}
}


#box {
  width: 150px;
  height: 150px;
  background-color: red;
  @include border-stroke(medium);
}
</style>

<div id="box"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.102 Safari/537.36.

Challenge: Use @if and @else to Add Logic To Your Styles

Link to the challenge: