Sass函数(一)

整理Sass的时候,发现函数功能就不少了,留着自己要用的时候好找

abs($number)
返回数字的绝对值。

参数: $number (Number)
返回: (Number)

adjust_color($color, $red, $green, $blue, $hue, $saturation, $lightness, $alpha)
增加或减少颜色的一个或多个属性。这可以改变红色、绿色、蓝色、色调、饱和度、值和alpha属性。属性被指定为关键字参数,并被添加到该属性的颜色当前值或从该属性的当前值中减去。

参数:

  • $ color(Color)
  • $ red(Number)对红色组件进行的调整,介于-255和255之间
  • $ green(Number)在绿色组件上进行的调整,介于-255和255之间
  • $ blue(Number)在蓝色组件上进行的调整,介于-255和255之间
  • $ hue(Number)对色相组件进行的调整,以度为单位
  • $ saturation(Number)在饱和度分量上进行的调整,范围在-100%和100%之间
  • $ lightness(Number)亮度分量的调整值,在-100%和100%之间
  • $ alpha(Number) 对alpha组件进行的调整,介于-1和1之间

返回: (Color)

adjust_hue($color, $degrees)
改变颜色的色调。采用颜色和度数(通常介于-360deg和360deg之间),并返回一个颜色,并沿着色轮以该数量旋转色调。

参数:

  • $ color(Color)
  • $ degrees(Number)旋转色相的度数

返回: (Color)

alpha($color)
返回颜色的alpha分量(不透明度)。除非另有说明,这是1。

参数:$color (Color)
返回:(Number)α分量,介于0和1之间

append($list, $val, $separator:auto)

将单个值附加到列表的末尾。
除非通过$separator参数,否则如果列表只有一个项目,则结果列表将以空格分隔。
像所有列表函数一样,append()返回一个新列表而不是修改它的参数。
参数:

  • $ list(Base)
  • $ val(Base)
  • $ separator(String)要使用的列表分隔符。如果这是逗号或空格,将使用该分隔符。如果这是自动的(默认),则按上面所述确定分隔符。

返回:(List)

blue($color)
获取颜色的蓝色部分。必要时通过该算法从HSL中计算。

参数: $color (Color)
返回:(Number)蓝色分量,介于0和255之间(包括0和255)

call($function, $args…)
动态调用一个函数。这可以调用用户定义的函数,内置函数或纯CSS函数。它会将所有参数(包括关键字参数)传递给被调用的函数。
参数: $ function(Function)要调用的函数。

ceil($number)
将数字四舍五入到下一个整数。
参数: $number (Number)
返回:(Number)

change_color($color, $red, $green, $blue, $hue, $saturation, $lightness, $alpha)
更改颜色的一个或多个属性。这可以改变红色,绿色,蓝色,色调,饱和度,值以及alpha属性。这些属性被指定为关键字参数,并替换该属性的颜色当前值。
参数:

  • $ color(Color)
  • $ red(Number)颜色的新红色分量,在0到255之间
  • $ green(Number)颜色的新绿色组件,在0到255之间
  • $ blue(Number)颜色的新蓝色分量,在0到255之间
  • $ hue(Number)颜色的新色相组件,以度为单位
  • $ saturation(Number)颜色的新饱和度分量,介于0%和100%之间
  • $ lightness(Number)颜色的新亮度分量,在0%和100%范围内
  • $ alpha(Number)颜色的新alpha组件,在0和1范围内

返回:(Color)

comparable($number1, $number2)
返回是否可以添加,减去或比较两个数字。
参数:

  • $number1 (Number)
  • $number2 (Number)

返回:(Bool)

complement($color)
返回颜色的补码。这与adjust-hue(color, 180deg)相同。

参数:$color (Color)
返回:(Color)

content_exists
检查一个mixin是否通过了一个内容块。
除非content-exists()直接从mixin调用,否则会引发错误。

返回:(Bool)内容块是否传递给了mixin。

counter($args…)
此功能仅作为IE7 content: counter错误的解决方法而存在。它与任何其他纯CSS功能的工作方式相同,只是它避免了在参数逗号之间添加空格。

返回:(String)

counters($args…)
此功能仅作为IE7 content: counter错误的解决方法而存在。它与任何其他纯CSS功能的工作方式相同,只是它避免了在参数逗号之间添加空格。

返回:(String)

darken($color, $amount)
使颜色变深。使用0%到100%之间的颜色和数字,并返回一个颜色,亮度降低该数量。

参数:

  • $ color(Color)
  • $ amount(数量)减少0%到100%之间亮度的数量

返回: (Color)

desaturate($color, $amount)
使颜色饱和度降低。取一个颜色和一个介于0%和100%之间的数字,并返回一个颜色,饱和度降低该值。

参数:

  • $ color(Color)
  • $ amount(数量)减少饱和度的数量,介于0%和100%之间

返回:(Color)

feature_exists($feature)
返回当前Sass运行时是否存在功能。
支持以下功能:

  • global-variable-shadowing表示一个局部变量将会影响一个全局变量,除非!global被使用。
  • extend-selector-pseudoclass表示@extend将进入选择器伪类似:not。
  • units-level-3表示完全支持使用“ 值和单位3级”规范中定义的单位进行单位算术运算。
  • at-error表示支持Sass @error指令。
  • custom-property表示支持自定义属性级别1规范。这意味着自定义属性是静态分析的,只有插值被视为SassScript。

参数:$ feature(String)要素的名称
返回:(Bool)该版本的Sass是否支持该功能

floor($number)
将数字向下舍入到前一个整数。

参数:$number (Number)
返回:(Number)

function_exists($name)
检查是否存在具有给定名称的函数。

参数:name(String)要检查的函数的名称或函数引用。
返回:(Bool)功能是否被定义。

get_function($name, $css:false)
返回对函数的引用,以便稍后使用该call()函数调用。
如果 $css是false,函数引用可能引用样式表中定义的函数或内置于主机环境的函数。如果它是true指一个纯CSS的函数。

参数:

  • name(String)被引用函数的名称。
  • css(Bool)是否获得普通的CSS函数。
    返回:(Function)功能参考。

global_variable_exists($name)
检查具有给定名称的变量是否存在于全局范围内(在文件的顶层)。
参数: $ name(String)要检查的变量的名称。该名称不应包含 $。
返回:(Bool)变量是否在全局范围内定义。

grayscale($color)
将颜色转换为灰度。这与之相同desaturate(color, 100%)。

参数:$color (Color)
返回:(Color)

green($color)
获取颜色的绿色部分。必要时通过该算法从HSL计算。

参数:$color (Color)
返回:(Number)绿色部分,介于0和255之间

你可能感兴趣的:(工具,sass函数,sass,functions)