Sass String Functions

Sass String Functions

String functions are used to operate on strings and obtain information about them.

Sass strings are indexed starting from 1. The first character of the string is located at index 1, not 0.

The following table lists all the string functions in Sass:

Function Description & Example
quote(string)

Adds quotes to the string and returns the result.

Example:

quote(Hello world!)

Result: "Hello world!"
str-index(string, substring)

Returns the index of the first occurrence of the substring in the string.

Example:

str-index("Hello world!", "H")

Result: 1
str-insert(string, insert, index)

Returns the string inserted at the specified index position insert in the string.

Example:

str-insert("Hello world!", " wonderful", 6)

Result: "Hello wonderful world!"
str-length(string)

Returns the length of a string (in characters).

Example:

str-length("Hello world!")

Result: 12
str-slice(string, start, end)

Extract characters from the string; from start Start to end End, and return the slice.

Example:

str-slice("Hello world!", 2, 5)

Result: "ello"
to-lower-case(string)

Returns a copy of the string converted to lowercase.

Example:

to-lower-case("Hello World!")

Result: "hello world!"
to-upper-case(string)

Returns a copy of the string converted to uppercase.

Example:

to-upper-case("Hello World!")

Result: "HELLO WORLD!"
unique-id()

Returns a unique randomly generated string without quotes (guaranteed to be unique in the current sass session).

Example:

unique-id()

Result: tyghefnsv
unquote(string)

Remove the quotes around the string (if any) and return the result.

Example:

unquote("Hello world!")

Result: Hello world!