> 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/shadow-variant.md).

# shadow-variant()

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

```scss
// Shadow mixin
@mixin shadow-variant($offset) {
  box-shadow: 0 $offset (($offset + 0.05rem) * 2) color('dark', $alpha: 0.15);
}
```

{% endcode %}