sass:string

兼容性:
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 

返回的副本$stringASCII字母转换为大写。

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