# Module-unification / stylesheets location / best practice

**URL:** <https://discuss.emberjs.com/t/module-unification-stylesheets-location-best-practice/16381>\
**Category:** Uncategorized\
**Created:** [March 31, 2019, 8:24pm UTC](https://discuss.emberjs.com/t/module-unification-stylesheets-location-best-practice/16381 "2019-03-31T20:24:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![chris1](https://avatars.discourse-cdn.com/v4/letter/c/ac91a4/32.png) [@chris1](https://discuss.emberjs.com/u/chris1)\
**Post date:** [March 31, 2019, 8:24pm UTC](https://discuss.emberjs.com/t/module-unification-stylesheets-location-best-practice/16381/1 "2019-03-31T20:24:37Z")

</div>

Dear all,

by default, in Module-Unification, styles are inside the folder src/ui/styles. But, if some stylesheets are used for specific templates, why not putting them beside the template and having only the global stylesheets in the src/ui/styles - folder?

i checked it and it works, but are there reasons against to do this?

best regards, Christian

---

<div class="post-metadata">

**Author:** ![NullVoxPopuli](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/nullvoxpopuli/32/18691_2.png) [@NullVoxPopuli](https://discuss.emberjs.com/u/NullVoxPopuli)\
**Post date:** [April 1, 2019, 1:13pm UTC](https://discuss.emberjs.com/t/module-unification-stylesheets-location-best-practice/16381/2 "2019-04-01T13:13:56Z")

</div>

styles are probably the biggest thing ember doesn’t have a suggestion / opinion on (it’s still broadly an unsolved problem of how to manage styles well).

just do whatever works for you, and that’s fine. 🙂

You may want to look into ember-css-modules if you want BEM-like scoping though

---

<div class="post-metadata">

**Author:** ![chris1](https://avatars.discourse-cdn.com/v4/letter/c/ac91a4/32.png) [@chris1](https://discuss.emberjs.com/u/chris1)\
**Post date:** [April 1, 2019, 2:36pm UTC](https://discuss.emberjs.com/t/module-unification-stylesheets-location-best-practice/16381/3 "2019-04-01T14:36:29Z")

</div>

thanks!

> [@Class- and id- names uniqueness](https://discuss.emberjs.com/t/class-and-id-names-uniqueness/16379):
>
> Hi Gys, i am new to ember and planning my new app. what is the best way to deal with stylesheets? in rails by example you can link the stylesheets to specific views and if the app grows and you have different views with different stylesheets and similar class-names than there is (maybe) the reload between them and you have no conflict. but, how is that in a single-page-app? how do you make sure that you do not use a class-name that is already used in a other stylesheet / view? namespaces? …