Spec-Zone.ru › Sass

sass:string

Совместимость:
Dart Sass
с версии 1.23.0
LibSass
✗
Ruby Sass
✗
➤

Только Dart Sass в настоящее время поддерживает загрузку встроенных модулей с помощью @use. Пользователи других реализаций должны вызывать функции, используя их глобальные имена вместо этого.

string.quote($string)
quote($string) //=> string

Возвращает $string в виде строковой константы.

@use "sass:string";

@debug string.quote(Helvetica); // "Helvetica"
@debug string.quote("Helvetica"); // "Helvetica"
// SASS
@use "sass:string"

@debug string.quote(Helvetica)  // "Helvetica"
@debug string.quote("Helvetica")  // "Helvetica"
string.index($string, $substring)
str-index($string, $substring) //=> number

Возвращает первый индекс $substring в $string или null, если $string не содержит $substring.

@use "sass:string";

@debug string.index("Helvetica Neue", "Helvetica"); // 1
@debug string.index("Helvetica Neue", "Neue"); // 11
// SASS
@use "sass:string"

@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.

@use "sass:string";

@debug string.insert("Roboto Bold", " Mono", 7); // "Roboto Mono Bold"
@debug string.insert("Roboto Bold", " Mono", -6); // "Roboto Mono Bold"
// SASS
@use "sass:string"

@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 добавляется в начало.

@use "sass:string";

@debug string.insert("Roboto", " Bold", 100); // "Roboto Bold"
@debug string.insert("Bold", "Roboto ", -100); // "Roboto Bold"
// SASS
@use "sass:string"

@debug string.insert("Roboto", " Bold", 100)  // "Roboto Bold"
@debug string.insert("Bold", "Roboto ", -100)  // "Roboto Bold"
string.length($string)
str-length($string) //=> number

Возвращает количество символов в $string.

@use "sass:string";

@debug string.length("Helvetica Neue"); // 14
@debug string.length(bold); // 4
@debug string.length(""); // 0
// SASS
@use "sass:string"

@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, начиная с индекса $start-at и заканчивая индексом $end-at (включая оба).

@use "sass:string";

@debug string.slice("Helvetica Neue", 11); // "Neue"
@debug string.slice("Helvetica Neue", 1, 3); // "Hel"
@debug string.slice("Helvetica Neue", 1, -6); // "Helvetica"
// SASS
@use "sass:string"

@debug string.slice("Helvetica Neue", 11)  // "Neue"
@debug string.slice("Helvetica Neue", 1, 3)  // "Hel"
@debug string.slice("Helvetica Neue", 1, -6)  // "Helvetica"
string.split($string, $separator, $limit: null) //=> list
Совместимость:
Dart Sass
с версии 1.57.0
LibSass
✗
Ruby Sass
✗

Возвращает список подстрок $string, разделенных $separator, в квадратных скобках и через запятую. Сами $separator не включаются в эти подстроки.

Если $limit – число 1 или выше, происходит разделение не более чем на столько $separator (и возвращается не более $limit + 1 строк). Последняя подстрока содержит остальную часть строки, включая любые оставшиеся $separator.

@use "sass:string";

@debug string.split("Segoe UI Emoji", " "); // ["Segoe", "UI", "Emoji"]
@debug string.split("Segoe UI Emoji", " ", $limit: 1); // ["Segoe", "UI Emoji"]
// SASS
@use "sass:string"

@debug string.split("Segoe UI Emoji", " ")  // ["Segoe", "UI", "Emoji"]
@debug string.split("Segoe UI Emoji", " ", $limit: 1)  // ["Segoe", "UI Emoji"]
string.to-upper-case($string)
to-upper-case($string) //=> string

Возвращает копию $string с буквами ASCII в верхнем регистре.

@use "sass:string";

@debug string.to-upper-case("Bold"); // "BOLD"
@debug string.to-upper-case(sans-serif); // SANS-SERIF
// SASS
@use "sass:string"

@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 в нижнем регистре.

@use "sass:string";

@debug string.to-lower-case("Bold"); // "bold"
@debug string.to-lower-case(SANS-SERIF); // sans-serif
// SASS
@use "sass:string"

@debug string.to-lower-case("Bold")  // "bold"
@debug string.to-lower-case(SANS-SERIF)  // sans-serif
string.unique-id()
unique-id() //=> string

Возвращает случайно сгенерированную нецитированную строку, гарантированно являющуюся допустимым идентификатором CSS и уникальную в рамках текущей компиляции Sass.

@use "sass:string";

@debug string.unique-id(); // uabtrnzug
@debug string.unique-id(); // u6w1b1def
// SASS
@use "sass:string"

@debug string.unique-id(); // uabtrnzug
@debug string.unique-id(); // u6w1b1def
string.unquote($string)
unquote($string) //=> string

Возвращает $string как нецитированную строку. Это может создавать строки, которые не являются допустимыми CSS, поэтому используйте с осторожностью.

@use "sass:string";

@debug string.unquote("Helvetica"); // Helvetica
@debug string.unquote(".widget:hover"); // .widget:hover
// SASS
@use "sass:string"

@debug string.unquote("Helvetica")  // Helvetica
@debug string.unquote(".widget:hover")  // .widget:hover

© 2006–2025 the Sass team, and numerous contributors
Licensed under the MIT License.
https://sass-lang.com/documentation/modules/string

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API