Reference For Sass & SCSS Built-in Functions
This complete and updated reference provides a full list of Sass & SCSS built-in functions grouped by category. These functions let you work with colors, numbers, strings, lists, maps, selectors, and meta-programming features, making your stylesheets more dynamic and efficient.
Alphabetical Reference
Here is the full list of 71 Sass and SCSS built-in functions arranged alphabetically for quick lookup.
Function | Description |
---|---|
blue | Get blue channel value from a color |
color.adjust | Change one or more color channels numerically |
color.alpha | Get alpha component from a legacy color |
color.change | Set specific color channels to exact values |
color.channel | Read a single color channel value |
color.complement | Return the color's hue complement |
color.grayscale | Convert color to a grayscale variant |
color.mix | Blend two colors with optional weight |
color.opacity | Alias for getting color opacity value |
color.scale | Scale color properties by percentage amounts |
color.same | Check if two colors render identically |
color.to-gamut | Map color into a target color gamut |
color.to-space | Convert color into a specified color space |
green | Get green channel value from a color |
hue | Read the hue component from a color |
lightness | Read lightness channel from a color |
list.append | Add an element to the end of a list |
list.index | Find index of element in a list |
list.join | Join two lists with a separator |
list.length | Return number of elements in a list |
list.nth | Return nth element from a list |
list.separator | Get list separator type, comma or space |
list.set-nth | Return copy with nth element replaced |
list.zip | Combine multiple lists element wise |
map.deep-merge | Recursively merge nested maps together |
map.get | Retrieve a value from a map by key |
map.has-key | Check whether a map contains a key |
map.keys | Return a list of map keys |
map.merge | Merge two maps into one new map |
map.remove | Return map with given keys removed |
map.set | Return map with key set to value |
map.values | Return a list of map values |
math.abs | Return absolute value of a number |
math.ceil | Round number up to nearest integer |
math.clamp | Clamp value between a minimum and maximum |
math.div | Perform division with correct unit handling |
math.floor | Round number down to nearest integer |
math.max | Return largest number among given arguments |
math.min | Return smallest number among given arguments |
math.percentage | Convert unitless number into a percentage |
math.pow | Raise number to a given exponent power |
math.random | Return a random number optionally limited |
math.round | Round number to nearest integer |
math.sqrt | Return square root of a number |
meta.call | Invoke a function value with given arguments |
meta.function-exists | Test whether a function name exists |
meta.get-function | Return a function value by name |
meta.inspect | Return debug string representation of a value |
meta.module-functions | Return map of functions defined in a module |
meta.type-of | Return runtime type name for a value |
meta.variable-exists | Test whether a variable name exists in scope |
red | Get red channel value from a color |
rgb | Create an RGB color from components |
rgba | Create an RGB color with alpha channel |
saturation | Read saturation channel from a color |
selector.append | Combine selectors without descendant combinators |
selector.extend | Extend a selector like the @extend rule |
selector.is-superselector | Check if one selector contains another |
selector.nest | Nest selectors as though nested in stylesheet |
selector.parse | Parse string into selector value format |
selector.replace | Replace parts of a selector string |
selector.unify | Return selector matching both input selectors |
string.index | Find substring position inside a string |
string.insert | Insert substring at a specified position |
string.length | Return length of a string |
string.quote | Return the string with surrounding quotes |
string.slice | Extract substring by start and end |
string.split | Split string into list by separator |
string.to-lower-case | Convert string to lowercase characters |
string.to-upper-case | Convert string to uppercase characters |
string.unquote | Remove surrounding quotes from a string |