# @roots/bud-sass: Incorrect URL paths when using 'yarn dev' (fonts & images)

**URL:** https://discourse.roots.io/t/roots-bud-sass-incorrect-url-paths-when-using-yarn-dev-fonts-images/24621
**Category:** bud
**Tags:** sage10
**Created:** 2023-01-23T09:29:45Z
**Posts:** 4
**Showing post:** 3 of 4

## Post 3 by @strarsis — 2023-01-23T12:10:36Z

It is probably easier and more robust to use `bud` aliases instead of file-relative paths:

> [@[Tip] Bud alias (`bud.alias`) in SCSS (SASS)](https://discourse.roots.io/t/tip-bud-alias-bud-alias-in-scss-sass/24208):
>
> When using [bud.alias](https://bud.js.org/docs/bud.alias/) with SCSS (SASS) ([bud-sass](https://bud.js.org/extensions/bud-sass/)), you can use the alias functions by prefixing them with a tilde sign (~), like so (note: ~@images used in the example is a predefined alias [added by @roots/sage](https://bud.js.org/docs/bud.alias/#rootssage)): .test { background: url("~@images/background/test.jpg"); } Without that tilde sign (~) the path isn’t correctly interpolated when compiling the SCSS.

---

_[View the full topic](https://discourse.roots.io/t/roots-bud-sass-incorrect-url-paths-when-using-yarn-dev-fonts-images/24621)._