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

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:

Please check the errors you get in the console

image

make sure to solve it before trying to run the tests

and make sure the correct syntax with the mixin keyword