# Processing Multiple Sass Files

**URL:** <https://discuss.emberjs.com/t/processing-multiple-sass-files/12552>\
**Category:** Ember CLI\
**Created:** [March 8, 2017, 12:32am UTC](https://discuss.emberjs.com/t/processing-multiple-sass-files/12552 "2017-03-08T00:32:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ousikaa](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/ousikaa/32/13054_2.png) [@ousikaa](https://discuss.emberjs.com/u/ousikaa)\
**Post date:** [March 8, 2017, 12:32am UTC](https://discuss.emberjs.com/t/processing-multiple-sass-files/12552/1 "2017-03-08T00:32:46Z")

</div>

When I run `ember build --prod`, I would like to process different sass files and output multiple corresponding css files (in our app, we serve different css based on what url is used to load the app). I know that in `ember-cli-build`, you can [configure](https://ember-cli.com/user-guide/#configuring-output-paths) `outputPaths` to add new key/value pairs for each different sass/css file we want processed separately. Currently, we are manually doing this for each sass input and css output. For example:

```auto
    outputPaths: {
        app: {
            css: {
                'themes/gold': '/assets/themes/gold.css',
                'themes/silver': '/assets/themes/silver.css',
                'themes/blue': '/assets/themes/blue.css'
            }
        }
    }

```

But is there a way for Ember CLI to just look into a folder and compile everything inside into their corresponding css file? I tried something like below, along with several variations, but no luck yet.

```auto
    outputPaths: {
        app: {
            css: {
                'themes/*': '/assets/themes/*.css'
            }
        }
    }

```