{"action":"created","issue":{"url":"https://api.github.com/repos/archfirst/angular2-seed-sass/issues/10","repository_url":"https://api.github.com/repos/archfirst/angular2-seed-sass","labels_url":"https://api.github.com/repos/archfirst/angular2-seed-sass/issues/10/labels{/name}","comments_url":"https://api.github.com/repos/archfirst/angular2-seed-sass/issues/10/comments","events_url":"https://api.github.com/repos/archfirst/angular2-seed-sass/issues/10/events","html_url":"https://github.com/archfirst/angular2-seed-sass/issues/10","id":146288506,"number":10,"title":"CSS not applied","user":{"login":"be-codified","id":10107183,"avatar_url":"https://avatars.githubusercontent.com/u/10107183?v=3","gravatar_id":"","url":"https://api.github.com/users/be-codified","html_url":"https://github.com/be-codified","followers_url":"https://api.github.com/users/be-codified/followers","following_url":"https://api.github.com/users/be-codified/following{/other_user}","gists_url":"https://api.github.com/users/be-codified/gists{/gist_id}","starred_url":"https://api.github.com/users/be-codified/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/be-codified/subscriptions","organizations_url":"https://api.github.com/users/be-codified/orgs","repos_url":"https://api.github.com/users/be-codified/repos","events_url":"https://api.github.com/users/be-codified/events{/privacy}","received_events_url":"https://api.github.com/users/be-codified/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":9,"created_at":"2016-04-06T11:47:05Z","updated_at":"2016-04-16T12:33:03Z","closed_at":"2016-04-16T12:33:03Z","body":"I have made following file:\r\n\r\n`src/shared/components/loader/loader.component.scss`\r\n\r\nSomehow these css rules do not apply to main css. Is this a task/compile issue?\r\nHow could we solve this? Thank you in advance."},"comment":{"url":"https://api.github.com/repos/archfirst/angular2-seed-sass/issues/comments/210804259","html_url":"https://github.com/archfirst/angular2-seed-sass/issues/10#issuecomment-210804259","issue_url":"https://api.github.com/repos/archfirst/angular2-seed-sass/issues/10","id":210804259,"user":{"login":"nareshbhatia","id":1220198,"avatar_url":"https://avatars.githubusercontent.com/u/1220198?v=3","gravatar_id":"","url":"https://api.github.com/users/nareshbhatia","html_url":"https://github.com/nareshbhatia","followers_url":"https://api.github.com/users/nareshbhatia/followers","following_url":"https://api.github.com/users/nareshbhatia/following{/other_user}","gists_url":"https://api.github.com/users/nareshbhatia/gists{/gist_id}","starred_url":"https://api.github.com/users/nareshbhatia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nareshbhatia/subscriptions","organizations_url":"https://api.github.com/users/nareshbhatia/orgs","repos_url":"https://api.github.com/users/nareshbhatia/repos","events_url":"https://api.github.com/users/nareshbhatia/events{/privacy}","received_events_url":"https://api.github.com/users/nareshbhatia/received_events","type":"User","site_admin":false},"created_at":"2016-04-16T12:33:03Z","updated_at":"2016-04-16T12:33:03Z","body":"@be-codified, I tried moving the `home` component to the shared folder and it works perfectly fine. Please try this and check how it is different from what you are doing:\r\n\r\n1. Move the files from `src/home/components` to `src/shared/components/home`.\r\n1. Delete `src/home`.\r\n1. Modify import in `app.component.ts` to `import {HomeComponent} from '../../shared/components/home/home.component';`.\r\n1. Modify import in `home.component.ts` to `import {NameListService} from '../../services/name-list.service';`\r\n\r\nNow the home component should be working correctly from the shared folder. Make changes to the scss file and they should reflect correctly.\r\n\r\nPlease reopen the issue if you still can't get this to work.\r\n\r\nP.S. As noted by @asgarddesigns, component scss applies only to the component and not globally.\r\n"}}