Sass 自省函数
Sass 自省函数
在构建样式表时,很少使用自省函数。但是,如果某些内容无法正常工作,它们非常有价值 - 用于找出发生了什么:例如调试函数。
下表列出了 Sass 中所有自省函数
函数 | 描述 & 示例 |
---|---|
call(function, arguments...) | 使用参数调用函数,并返回结果。 |
content-exists() | 检查当前混合宏是否传递了 @content 块。 |
feature-exists(feature) | 检查当前 Sass 实现是否支持feature。 示例 feature-exists("at-error"); 结果:true |
function-exists(functionname) | 检查指定的函数是否存在。 示例 function-exists("nonsense") 结果:false |
get-function(functionname, css: false) | 返回指定的函数。如果 css 为 true,则返回一个纯 CSS 函数。 |
global-variable-exists(variablename) | 检查指定的全局变量是否存在。 示例 variable-exists(a) 结果:true |
inspect(value) | 返回value的字符串表示形式。 |
mixin-exists(mixinname) | 检查指定的混合宏是否存在。 示例 mixin-exists("important-text") 结果:true |
type-of(value) | 返回value的类型。可以是 number、string、color、list、map、bool、null、function、arglist。 示例 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 |