มิกซินและการรวม

มิกซ์อินใน Sass คือบล็อกการประกาศ CSS ที่นำกลับมาใช้ใหม่ได้ ต่างจากคลาสทั่วไปตรงที่รับพารามิเตอร์ได้ จึงยืดหยุ่นกว่าการคัดลอกและวาง กำหนดมิกซ์อินด้วย @mixin และใช้งานด้วย @include

มิกซ์อินที่ไม่มีพารามิเตอร์เป็นเพียงบล็อกที่นำกลับมาใช้ใหม่ได้:

ส่งค่าไปยังมิกซ์อินเพื่อปรับแต่งผลลัพธ์:

กำหนดค่าเริ่มต้นให้อาร์กิวเมนต์ของมิกซ์อิน เพื่อทำให้อาร์กิวเมนต์เหล่านั้นเป็นตัวเลือกเสริม:

ส่งอาร์กิวเมนต์ของมิกซ์อินตามชื่อเพื่อให้โค้ดเข้าใจได้ชัดเจน:

มิกซ์อินสามารถรับบล็อกเนื้อหาโดยใช้ @content บล็อกที่แทรกเข้ามาจะถูกใส่ไว้ตรงตำแหน่งที่ปรากฏ @content:

มิกซ์อินทั่วไปสำหรับคิวรีสื่อ:

มิกซ์อินรูปแบบข้อความสำหรับควบคุมสเกลตัวอักษรให้สม่ำเสมอ:

มิกซ์อินสร้างการประกาศ CSS ส่วนฟังก์ชันส่งคืนค่า ควรใช้มิกซ์อินเมื่อต้องการสร้างกฎ CSS หลายรายการ และใช้ฟังก์ชันเมื่อต้องการค่าที่คำนวณแล้วเพียงค่าเดียว

มิกซ์อินที่มีมากเกินไปจะสร้างการอ้างอิงทางนามธรรมที่ซับซ้อนและแก้จุดบกพร่องได้ยาก ควรสร้างมิกซ์อินเฉพาะเมื่อมีการใช้รูปแบบนั้นซ้ำตั้งแต่ 3 ครั้งขึ้นไป สำหรับสไตล์ที่ใช้ครั้งเดียว ควรเขียน CSS โดยตรง

@content ภายในคำจำกัดความของมิกซ์อิน Sass มีจุดประสงค์ใด

กำหนดมิกซ์อินด้วย @mixin และใช้งานด้วย @include มิกซ์อินรับพารามิเตอร์ที่มีค่าเริ่มต้นเป็นตัวเลือกได้ @content ช่วยให้ผู้เรียกแทรกบล็อก CSS ลงในมิกซ์อินได้ จึงสร้างรูปแบบตัวห่อ เช่น ตัวช่วยสำหรับคิวรีสื่อได้ ควรสร้างมิกซ์อินเฉพาะรูปแบบที่นำกลับมาใช้หลายครั้ง เพื่อหลีกเลี่ยงภาระจากนามธรรม