Suggest an editImprove this articleRefine the answer for “What are functions in SCSS?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**Functions in SCSS** are constructs that take arguments, perform calculations or transformations, and return a single value that can be inserted into any CSS property. **Key point:** unlike mixins, functions do not generate a set of rules; they return a specific result, such as a number, color, string or length.Shown above the full answer for quick recall.Answer (EN)ImageFunctions in SCSS are constructs that take arguments, perform calculations or transformations, and return a single value that can be inserted into any CSS property. Unlike mixins, functions **do not generate a set of rules**; they return a **specific result**: a number, color, string, length and so on. ### Example of a custom function ```scss @function rem($px) { @return $px / 16 * 1rem; } .title { font-size: rem(32); } ``` ### Compilation result ```css .title { font-size: 2rem; } ``` ### Where functions are useful 1. **size calculations**: converting px to rem, computing widths, spacing, proportions; 2. **working with colors**: lighter/darker, changing opacity and so on; 3. **building logic**: forming values based on a condition. **Important:** SCSS also has a ready set of built-in functions (for example, `darken()`, `lighten()`, `mix()`, `percentage()`), which remove the need for manual calculations. **Summary:** functions in SCSS are a tool for calculations and generating values. They help get rid of routine calculations, make the code cleaner, and make the styles more flexible and mathematically precise.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.