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 |