ตัวแปรใน SASS

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

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

$var: 20px;

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

p {
	font-size: $var;
}

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

p {
	font-size: 20px;
}

บอกหน่อยว่าผลลัพธ์ของการคอมไพล์ โค้ดต่อไปนี้จะเป็นอย่างไร:

$color: #000;

p {
	color: $color;
}