# Breaking up common.scss into multiple files in components?

**URL:** <https://meta.discourse.org/t/breaking-up-common-scss-into-multiple-files-in-components/110417>\
**Category:** Product Support\
**Created:** [March 1, 2019, 6:30am UTC](https://meta.discourse.org/t/breaking-up-common-scss-into-multiple-files-in-components/110417 "2019-03-01T06:30:05Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![julienbourdeau](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/julienbourdeau/32/117745_2.png) [@julienbourdeau](https://meta.discourse.org/u/julienbourdeau)\
**Post date:** [March 5, 2019, 6:42pm UTC](https://meta.discourse.org/t/breaking-up-common-scss-into-multiple-files-in-components/110417/5 "2019-03-05T18:42:51Z")

</div>

Thank you @david and @sam 🙏  
I had the same issue, I thought I did something wrong. Thanks @labofoz for asking.

Hoping to get this thread higher up, I’ll post the error as text.

```plaintext
Error: File to import not found or unreadable: .button.scss.
       Parent style sheet: theme_field.scss
        on line 1 of theme_field.scss
>> @import '.button';

```

---

_[View the full topic](https://meta.discourse.org/t/breaking-up-common-scss-into-multiple-files-in-components/110417)._