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 |