Sass 教程

Sass Introspection 函数

Sass 函数 Sass 函数

Sass Introspection 函数比较少用于构建样式表,一般用于代码的调试上。

下表列出了 Sass 的 Introspection 函数:

函数 描述 & 实例
call(function, arguments...) 函数的动态调用,即调用函数 function 参数为 arguments,并返回结果。
content-exists() 查看当前的混入是否传递 @content 块。
feature-exists(feature) 检查当前的 Sass 实现是否支持该特性。

实例:
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 是一个 sass 表达式。
mixin-exists(mixinname) 检测指定混入 (mixinname) 是否存在。

实例:
mixin-exists("important-text")
结果: true
type-of(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

Sass 函数 Sass 函数

其他扩展

用微信扫一扫

收藏