兼容性:
- Dart·Sass(Dart Sass)
- 从 1.23.0开始
- LibSass
- ✗
- rubySass
- ✗
目前只有Dart Sass支持使用加载内置模块@use
。其他实现的用户必须使用其全局名称来调用函数。
string.quote($string)
quote($string) //=> string
$string
以带引号的字符串返回。
SCSS 语法
@debug string.quote(Helvetica); // "Helvetica"
@debug string.quote("Helvetica"); // "Helvetica"
Sass语法
@debug string.quote(Helvetica) // "Helvetica"
@debug string.quote("Helvetica") // "Helvetica"
string.index($string, $substring)
str-index($string, $substring) //=> number
返回第一个指标的$substring
中$string
,或者null
如果$string
不包含 $substring
。
SCSS 语法
@debug string.index("Helvetica Neue", "Helvetica"); // 1
@debug string.index("Helvetica Neue", "Neue"); // 11
Sass语法
@debug string.index("Helvetica Neue", "Helvetica") // 1
@debug string.index("Helvetica Neue", "Neue") // 11
string.insert($string, $insert, $index)
str-insert($string, $insert, $index) //=> string
传回的副本,$string
其中$insert
插入了$index
。
SCSS 语法
@debug string.insert("Roboto Bold", " Mono", 7); // "Roboto Mono Bold"
@debug string.insert("Roboto Bold", " Mono", -6); // "Roboto Mono Bold"
Sass语法
@debug string.insert("Roboto Bold", " Mono", 7) // "Roboto Mono Bold"
@debug string.insert("Roboto Bold", " Mono", -6) // "Roboto Mono Bold"
如果of $index
大于的长度$string
,$insert
则添加到末尾。如果$index
小于字符串的负长度,则将$insert
其添加到开头。
SCSS 语法
@debug string.insert("Roboto", " Bold", 100); // "Roboto Bold"
@debug string.insert("Bold", "Roboto ", -100); // "Roboto Bold"
Sass语法
@debug string.insert("Roboto", " Bold", 100) // "Roboto Bold"
@debug string.insert("Bold", "Roboto ", -100) // "Roboto Bold"
string.length($string)
str-length($string) //=> number
返回中的字符数 $string
。
SCSS 语法
@debug string.length("Helvetica Neue"); // 14
@debug string.length(bold); // 4
@debug string.index(""); // 0
Sass语法
@debug string.length("Helvetica Neue") // 14
@debug string.length(bold) // 4
@debug string.index("") // 0
string.slice($string, $start-at, $end-at: -1)
str-slice($string, $start-at, $end-at: -1) //=> string
返回$string
从索引 开始到索引$start-at
结束$end-at
(包括两端)的切片。
SCSS 语法
@debug string.slice("Helvetica Neue", 11); // "Neue"
@debug string.slice("Helvetica Neue", 1, 3); // "Hel"
@debug string.slice("Helvetica Neue", 1, -6); // "Helvetica"
Sass语法
@debug string.slice("Helvetica Neue", 11) // "Neue"
@debug string.slice("Helvetica Neue", 1, 3) // "Hel"
@debug string.slice("Helvetica Neue", 1, -6) // "Helvetica"
string.to-upper-case($string)
to-upper-case($string) //=> string
返回的副本$string
与ASCII字母转换为大写。
SCSS 语法
@debug string.to-upper-case("Bold"); // "BOLD"
@debug string.to-upper-case(sans-serif); // SANS-SERIF
Sass语法
@debug string.to-upper-case("Bold") // "BOLD"
@debug string.to-upper-case(sans-serif) // SANS-SERIF
string.to-lower-case($string)
to-lower-case($string) //=> string
返回$string
带有ASCII字母转换为小写字母的的副本。
SCSS 语法
@debug string.to-lower-case("Bold"); // "bold"
@debug string.to-lower-case(SANS-SERIF); // sans-serif
Sass语法
@debug string.to-lower-case("Bold") // "bold"
@debug string.to-lower-case(SANS-SERIF) // sans-serif
string.unique-id()
unique-id() //=> string
返回随机生成的不带引号的字符串,该字符串保证是有效的CSS标识符,并且在当前Sass编译中是唯一的。
SCSS 语法
@debug string.unique-id(); // uabtrnzug
@debug string.unique-id(); // u6w1b1def
Sass语法
@debug string.unique-id(); // uabtrnzug
@debug string.unique-id(); // u6w1b1def
string.unquote($string)
unquote($string) //=> string
返回$string
为无引号的字符串。这会产生无效的CSS字符串,因此请谨慎使用。
SCSS 语法
@debug string.unquote("Helvetica"); // Helvetica
@debug string.unquote(".widget:hover"); // .widget:hover
Sass语法
@debug string.unquote("Helvetica") // Helvetica
@debug string.unquote(".widget:hover") // .widget:hover