Sass 自省函數
Sass 自省函數
構建樣式表時很少使用自省(Introspection)函數。
但是,如果代碼不能正常工作,自省函數就很有價值 - 可以弄清楚發生了什么:比如調試函數。
下表列出了 Sass 中的所有內省函數:
函數 | 描述 & 例子 |
---|---|
call(function, arguments...) | 調用帶參數的函數,并返回結果。 |
content-exists() | 檢查當前 mixin 是否被傳遞了 @content 塊。 |
feature-exists(feature) |
檢查當前 Sass 實現是否支持該 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 |