ทำไมถึงไม่ผ่านครับ

บอกเราว่าเกิดอะไรขึ้น:
อธิบายปัญหาของคุณโดยละเอียดที่นี่
ผมผิดตรงไหนครับ ลองเทสได้ทำตามโจทได้ทุกข้อ

  **รหัสของคุณ**

<style type='text/scss'>
@mixin border-stroke($val){
@if $val == light {
  border:1px solid black
}
@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(light);
}
</style>

<div id="box"></div>
  **ข้อมูลเบราว์เซอร์ของคุณ:**

ตัวแทนผู้ใช้คือ: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.82 Safari/537.36

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

ไปสู่ the challenge:

ไม่ได้ใส่ ; ปิด ในแต่ละอัน

ขอบคุณมากครับ
:pray: :pray: :pray: :pray: