ฟังก์ชันสมมุติ Sass
- หน้าก่อน เลือก Sass
- หน้าต่อไป สี Sass
ฟังก์ชันสมมุติ Sass
ไม่มีการใช้ฟังก์ชัน introspection มากในการระบวนการสร้างโซนสไตล์
แต่ถ้ารหัสไม่ทำงานตามที่คาดการณ์ ฟังก์ชัน introspection มีค่ามาก - สามารถเข้าใจว่าเกิดอะไรขึ้น: อย่างเช่น ฟังก์ชันที่ใช้สำหรับการดัดแปลง
ตารางด้านล่างแสดงฟังก์ชันทั้งหมดใน Sass
ฟังก์ชัน | รายละเอียดและตัวอย่าง |
---|---|
call(function, arguments...) | เรียกฟังก์ชันที่มีตัวอุปกรณ์ และคืนค่าผลลัพธ์ |
content-exists() | ตรวจสอบว่า mixin ที่ใช้อยู่ในตอนนี้ถูกส่งมาด้วยบล็อค @content |
feature-exists(feature) |
ตรวจสอบว่า Sass ที่ใช้อยู่ในตอนนี้สนับสนุน feature นี้หรือไม่ feature. ตัวอย่าง:feature-exists("at-error"); ผลลัพธ์:true |
function-exists(functionname) |
ตรวจสอบว่าฟังก์ชันที่กำหนดมีอยู่หรือไม่ ตัวอย่าง:function-exists("nonsense") ผลลัพธ์:false |
get-function(functionname, css: false) | คืนค่าฟังก์ชันที่กำหนด ถ้า css ให้ค่าจริง มันจะคืนค่าฟังก์ชัน CSS ทั่วไป |
global-variable-exists(variablename) |
ตรวจสอบว่าตัวแปรที่กำหนดมีอยู่หรือไม่ ตัวอย่าง:variable-exists(a) ผลลัพธ์:true |
inspect(value) | กลับค่าแสดงผลของการคำนวณในรูปแบบของตัวอักษร |
mixin-exists(mixinname) |
ตรวจสอบว่า mixin ที่กำหนดมีอยู่หรือไม่ ตัวอย่าง:mixin-exists("important-text") ผลลัพธ์:true |
type-of(value) |
ค่าที่กลับค่ามาจากการคำนวณ สามารถเป็น:
ตัวอย่าง:type-of(15px) ผลลัพธ์:number type-of(#ff0000) ผลลัพธ์:color |
unit(number) |
กลับค่าหน่วยที่เกี่ยวข้องกับตัวเลข ตัวอย่าง:unit(15px) ผลลัพธ์:px |
unitless(number) |
ตรวจสอบว่าตัวเลขที่กำหนดมีหน่วยเกี่ยวข้องหรือไม่ ตัวอย่าง:unitless(15px) ผลลัพธ์:false unitless(15) ผลลัพธ์:true |
variable-exists(variablename) |
ตรวจสอบว่าตัวแปรที่กำหนดมีอยู่ในสภาพงายนี้หรือไม่ ตัวอย่าง:variable-exists(b) ผลลัพธ์:true |
- หน้าก่อน เลือก Sass
- หน้าต่อไป สี Sass