# Ember-cli scss - how do I get this working?

**URL:** <https://discuss.emberjs.com/t/ember-cli-scss-how-do-i-get-this-working/6340>\
**Category:** Ember CLI\
**Created:** [September 25, 2014, 9:36am UTC](https://discuss.emberjs.com/t/ember-cli-scss-how-do-i-get-this-working/6340 "2014-09-25T09:36:16Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wayne\_Douglas](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/wayne_douglas/32/9568_2.png) [@Wayne\_Douglas](https://discuss.emberjs.com/u/Wayne_Douglas)\
**Post date:** [September 25, 2014, 9:36am UTC](https://discuss.emberjs.com/t/ember-cli-scss-how-do-i-get-this-working/6340/1 "2014-09-25T09:36:16Z")

</div>

How do I get scss to work in a cli app?

I have ran the following:

```
sudo npm install --save-dev broccoli-sass

```

and have scss files in my styles folder but my-app.css is still empty?

---

<div class="post-metadata">

**Author:** ![rwjblue](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/rwjblue/32/9411_2.png) [@rwjblue](https://discuss.emberjs.com/u/rwjblue)\
**Post date:** [September 25, 2014, 10:58am UTC](https://discuss.emberjs.com/t/ember-cli-scss-how-do-i-get-this-working/6340/2 "2014-09-25T10:58:32Z")

</div>

That looks correct.

- Are there are styles in `app/styles/app.scss`?
- Did you stop and restart the `ember serve` command after installing (you need to)?
- Are you receiving any errors?

---

<div class="post-metadata">

**Author:** ![Wayne\_Douglas](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/wayne_douglas/32/9568_2.png) [@Wayne\_Douglas](https://discuss.emberjs.com/u/Wayne_Douglas)\
**Post date:** [September 25, 2014, 11:09am UTC](https://discuss.emberjs.com/t/ember-cli-scss-how-do-i-get-this-working/6340/3 "2014-09-25T11:09:48Z")

</div>

There is nothing in app.scss but there are other files in there with content and the scss extension.

There are no errors

---

<div class="post-metadata">

**Author:** ![Wayne\_Douglas](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/wayne_douglas/32/9568_2.png) [@Wayne\_Douglas](https://discuss.emberjs.com/u/Wayne_Douglas)\
**Post date:** [September 25, 2014, 11:14am UTC](https://discuss.emberjs.com/t/ember-cli-scss-how-do-i-get-this-working/6340/4 "2014-09-25T11:14:02Z")

</div>

OK so I need to be using app.scss to start the ball rolling -sorted 🙂

It seems discourse is able to say:

```
@import "common/base/*";

```

But my version doesn’t seem to like the \* character

---

<div class="post-metadata">

**Author:** ![rwjblue](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/rwjblue/32/9411_2.png) [@rwjblue](https://discuss.emberjs.com/u/rwjblue)\
**Post date:** [September 25, 2014, 11:23am UTC](https://discuss.emberjs.com/t/ember-cli-scss-how-do-i-get-this-working/6340/5 "2014-09-25T11:23:39Z")

</div>

Only `app/styles/app.scss` is preprocessed. If you need other resources, you will need to import them.

> [@Wayne\_Douglas](#):
>
> But my version doesn’t seem to like the \* character

I do not believe that wildcard imports are part of the SCSS spec/language/whatever (but I could be wrong).

Discourse uses Rails, and Rails adds this “magic” (which is actually kinda not great because filesystem ordering inconsistencies result in completely different CSS output).

---

<div class="post-metadata">

**Author:** ![Leeft](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/leeft/32/10094_2.png) [@Leeft](https://discuss.emberjs.com/u/Leeft)\
**Post date:** [September 25, 2014, 12:35pm UTC](https://discuss.emberjs.com/t/ember-cli-scss-how-do-i-get-this-working/6340/6 "2014-09-25T12:35:37Z")

</div>

Don’t run `sudo` with `npm` if you’re not using the `-g` flag, you’ve messed up the permissions in your `node_modules/` folder doing that (some files are owned by root now).

I recommend using [https://github.com/creationix/nvm](https://github.com/creationix/nvm) to install node, then you don’t need sudo for it ever again. Before `nvm`, I kept running into permission trouble and the system installed node getting in the way. But those troubles are long gone.

---

<div class="post-metadata">

**Author:** ![rwjblue](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/rwjblue/32/9411_2.png) [@rwjblue](https://discuss.emberjs.com/u/rwjblue)\
**Post date:** [September 25, 2014, 12:48pm UTC](https://discuss.emberjs.com/t/ember-cli-scss-how-do-i-get-this-working/6340/7 "2014-09-25T12:48:13Z")

</div>

> [@Leeft](#):
>
> Don’t run sudo with npm if you’re not using the -g flag, you’ve messed up the permissions in your node\_modules/ folder doing that (some files are owned by root now).

Great point (can’t believe I missed that in the original post)!