scss 数据值
- 数字(Numbers)
- Sass 中的数字有两个组成部分:数字本身及其单位。例如,在16px数字是16,单位是px。数字可以没有单位,也可以有复杂的单位。
- 字符串(Strings)
- 字符串是字符序列(特别是 Unicode 代码点)。Sass 支持两种内部结构相同但呈现方式不同的字符串:带引号的字符串,例如:"Helvetica Neue"和不带引号的字符串(也称为标识符) 例如: bold。它们一起涵盖了出现在 CSS 中的不同类型的文本。
- 颜色(Colors)
- Sass 内置了对颜色值的支持。与 CSS 颜色一样,它们表示 sRGB 颜色空间中的点,尽管许多 Sass 颜色函数使用 HSL 坐标操作(这只是表示 sRGB 颜色的另一种方式)。Sass颜色可以写成十六进制代码(#f2ece4或#b37399aa)、CSS颜色名称(midnightblue、transparent)或函数rgb()、rgba()、hsl()和hsla()。
- 列表(Lists)
- 列表包含一系列其他值。在 Sass 中,列表中的元素可以用逗号(例如:Helvetica, Arial, sans-serif)、空格(例如:10px 15px 0 0)或斜线分隔,只要它在列表中保持一致即可。与大多数其他语言不同,Sass 中的列表不需要特殊的括号。任何用空格或逗号分隔的表达式都算作一个列表。但是,您可以使用方括号(例如:[line1 line2])编写列表,这在使用网格模板列。
- 地图(Maps)
- Sass 中的映射包含键和值对,并且可以通过对应的键轻松查找值。表达式的前面是键,后面的是与该键关联的值。键必须是唯一的,但值可能会重复。与列表不同,映射必须用括号括起来。写了一张没有对的地图()。
- 布尔值(Booleans)
- 布尔值是逻辑值true和false。除了它们的文字形式之外,布尔值还由相等和关系运算符以及许多内置函数(如:math.comparable()和map.has-key())返回。@use "sass:math";@debug 1px == 2px;// false@debug 1px == 1px;
- null 值
- null是其类型的唯一值。它表示缺少值,并且通常由函数返回以指示缺少结果。
- 函数(Functions)
- 函数也可以是值!您不能直接将函数写为值,但可以将函数的名称,传递给meta.get-function()函数,以将其作为值获取。一旦你有了一个函数值,你就可以将它传递给meta.call()函数来调用它。这对于编写调用其他函数的高阶函数很有用。
- 计算(Calculations)
- 计算是 Sass 表示calc()函数的方式,以及类似的函数,如clamp()、min()和max()。Sass 将尽可能简化这些,即使它们相互结合。