ตัวแปรใน SASS

ภาษา SASS อนุญาตให้ใช้ ตัวแปร ตัวแปรเป็นเหมือนภาชนะ ที่สามารถเก็บข้อมูลบางอย่างได้และ นำไปใช้ในส่วนที่ต้องการของโค้ด

เพื่อสร้างตัวแปร คุณต้องคิด ชื่อของมันและใส่เครื่องหมาย $ ไว้ข้างหน้า จากนั้นหลังจากชื่อตัวแปร ให้ใส่โคลอน และระบุค่าของตัวแปรนั้น มาลอง สร้างตัวแปรชื่อ var เป็นตัวอย่าง:

styles.scss$var: 20px;

ตอนนี้ลองใช้ตัวแปรนี้ เป็นค่าของคุณสมบัติ:

styles.scssp {
  font-size: $var;
}

ผลลัพธ์หลังการคอมไพล์ลงใน CSS แทนที่ ตัวแปรของเราด้วยค่าของมัน:

styles.cssp {
  font-size: 20px;
}

styles.scss$color: #000;

p {
  color: $color;
}