> For the complete documentation index, see [llms.txt](https://spectrecss.angular-package.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://spectrecss.angular-package.dev/mixin/var/set-var.md).

# set-var()

The mixin `set-var()` defines the CSS variable with a specified name, value, prefix, and optional suffix. By default argument prefix is set to `$var-prefix`.

{% code title="" lineNumbers="true" %}

```scss
@mixin set-var($name, $value, $prefix: $var-prefix, $suffix: null) {
  #{var-name($prefix, $name, $suffix)}: #{$value};
}
```

{% endcode %}