# Yarn dev not compling css changes

**URL:** https://discourse.roots.io/t/yarn-dev-not-compling-css-changes/26301
**Category:** sage
**Tags:** webpack, sage10
**Created:** 2023-11-21T09:32:47Z
**Posts:** 5

## Post 1 by @Nickb6437 — 2023-11-21T09:32:47Z

I have setup a new instance of bedrock with sage, running with docker on windows 11, node 16.17.1.

I havn’t changed any of the default configuration only added css vaiables to the app.scss file and imported them in to tailwind to extend the colors.

I also had to manually add a .eslintrc.cjs file to the root as this was causing yarn to exit with code 1.

If i run yarn dev, and add say bg-gray-100 to the body in app.scss it is completely ignored. If I then run yarn build, it is complied and the chnage takes effect.

Any help would be greatly appreciated.

---

## Post 2 by @honestalejo — 2024-05-13T16:15:44Z

You managed to fix you problem?

---

## Post 3 by @MWDelaney — 2024-05-13T17:23:39Z

Hi, @honestalejo. If you’re facing a CSS compiling issue please start a new topic with as much detail as you can. Take a look through [how to best ask questions on this forum](https://discourse.roots.io/t/how-to-best-ask-questions-on-this-forum/24582) before you post so that you know what information to include so that we can help you.

---

## Post 4 by @MWDelaney — 2024-05-13T17:24:00Z



---

## Post 5 by @ben — 2024-05-14T15:55:25Z