Совместимость:
- Dart Sass
- since 1.23.0
- LibSass
- ✗
- Ruby Sass
- ✗
В настоящее время только Dart Sass поддерживает загрузку встроенных модулей с помощью @use
. Пользователи других реализаций должны вместо этого вызывать функции, используя их глобальные имена.
string.quote($string)
quote($string) //=> string
Возвращает $string
в виде строки в кавычках.
SCSS Syntax
@debug string.quote(Helvetica); // "Helvetica"
@debug string.quote("Helvetica"); // "Helvetica"
Sass Syntax
@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 Syntax
@debug string.index("Helvetica Neue", "Helvetica"); // 1
@debug string.index("Helvetica Neue", "Neue"); // 11
Sass Syntax
@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 Syntax
@debug string.insert("Roboto Bold", " Mono", 7); // "Roboto Mono Bold"
@debug string.insert("Roboto Bold", " Mono", -6); // "Roboto Mono Bold"
Sass Syntax
@debug string.insert("Roboto Bold", " Mono", 7) // "Roboto Mono Bold"
@debug string.insert("Roboto Bold", " Mono", -6) // "Roboto Mono Bold"
Если $index
больше, чем длина $string
, $insert
добавляется в конец. Если $index
меньше отрицательной длины строки, $insert
добавляется в начало.
SCSS Syntax
@debug string.insert("Roboto", " Bold", 100); // "Roboto Bold"
@debug string.insert("Bold", "Roboto ", -100); // "Roboto Bold"
Sass Syntax
@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 Syntax
@debug string.length("Helvetica Neue"); // 14
@debug string.length(bold); // 4
@debug string.length(""); // 0
Sass Syntax
@debug string.length("Helvetica Neue") // 14
@debug string.length(bold) // 4
@debug string.length("") // 0
string.slice($string, $start-at, $end-at: -1)
str-slice($string, $start-at, $end-at: -1) //=> string
Возвращает фрагмент $string
, начиная с index $start-at
и заканчивая индексом $end-at
(оба включительно).
SCSS Syntax
@debug string.slice("Helvetica Neue", 11); // "Neue"
@debug string.slice("Helvetica Neue", 1, 3); // "Hel"
@debug string.slice("Helvetica Neue", 1, -6); // "Helvetica"
Sass Syntax
@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 Syntax
@debug string.to-upper-case("Bold"); // "BOLD"
@debug string.to-upper-case(sans-serif); // SANS-SERIF
Sass Syntax
@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 Syntax
@debug string.to-lower-case("Bold"); // "bold"
@debug string.to-lower-case(SANS-SERIF); // sans-serif
Sass Syntax
@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 Syntax
@debug string.unique-id(); // uabtrnzug
@debug string.unique-id(); // u6w1b1def
Sass Syntax
@debug string.unique-id(); // uabtrnzug
@debug string.unique-id(); // u6w1b1def
string.unquote($string)
unquote($string) //=> string
Возвращает $string
как строку без кавычек. Это может привести к появлению строк, недействительных CSS, поэтому используйте их с осторожностью.
SCSS Syntax
@debug string.unquote("Helvetica"); // Helvetica
@debug string.unquote(".widget:hover"); // .widget:hover
Sass Syntax
@debug string.unquote("Helvetica") // Helvetica
@debug string.unquote(".widget:hover") // .widget:hover