SASS - Use @if and @else to Add Logic To Your Styles

[leexing]

Tell us what’s happening:
Describe your issue in detail here.

I cilcked multiple time run the test button but it dont respond is it a bug?

  **Your code so far**

<style type='text/scss'>

@border-stroke($val)
{
 @if $val == light
 {
    border: 1px solid black;
 }
 @else if == medium
 {
    border:  3px solid black;
 }
 @else if == 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 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

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

Link to the challenge:

freeCodeCamp.org

[ilenia]

Please check the errors you get in the console

make sure to solve it before trying to run the tests

and make sure the correct syntax with the mixin keyword