{"action":"created","issue":{"url":"https://api.github.com/repos/ebryn/ember-component-css/issues/107","labels_url":"https://api.github.com/repos/ebryn/ember-component-css/issues/107/labels{/name}","comments_url":"https://api.github.com/repos/ebryn/ember-component-css/issues/107/comments","events_url":"https://api.github.com/repos/ebryn/ember-component-css/issues/107/events","html_url":"https://github.com/ebryn/ember-component-css/issues/107","id":121765327,"number":107,"title":"Parent & selector to reference component class","user":{"login":"oligriffiths","id":1246671,"avatar_url":"https://avatars.githubusercontent.com/u/1246671?v=3","gravatar_id":"","url":"https://api.github.com/users/oligriffiths","html_url":"https://github.com/oligriffiths","followers_url":"https://api.github.com/users/oligriffiths/followers","following_url":"https://api.github.com/users/oligriffiths/following{/other_user}","gists_url":"https://api.github.com/users/oligriffiths/gists{/gist_id}","starred_url":"https://api.github.com/users/oligriffiths/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/oligriffiths/subscriptions","organizations_url":"https://api.github.com/users/oligriffiths/orgs","repos_url":"https://api.github.com/users/oligriffiths/repos","events_url":"https://api.github.com/users/oligriffiths/events{/privacy}","received_events_url":"https://api.github.com/users/oligriffiths/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-12-11T18:30:24Z","updated_at":"2016-01-16T17:58:55Z","closed_at":null,"body":"Currently, using the `&` parent selector it applies a class above the component class, which breaks the whole encapsulation rule:\r\n\r\neg:\r\n\r\n```sass\r\n.button {\r\n    .active & { \r\n        color: blue;\r\n    }\r\n}\r\n``` \r\ngenerates:\r\n```css\r\n.active .component-classname .button { color: blue; }\r\n```\r\nbut it would be great if it generated:\r\n``` \r\n.component-classname.active .button{ color: blue }\r\n```\r\n\r\nThoughts?"},"comment":{"url":"https://api.github.com/repos/ebryn/ember-component-css/issues/comments/172238145","html_url":"https://github.com/ebryn/ember-component-css/issues/107#issuecomment-172238145","issue_url":"https://api.github.com/repos/ebryn/ember-component-css/issues/107","id":172238145,"user":{"login":"oligriffiths","id":1246671,"avatar_url":"https://avatars.githubusercontent.com/u/1246671?v=3","gravatar_id":"","url":"https://api.github.com/users/oligriffiths","html_url":"https://github.com/oligriffiths","followers_url":"https://api.github.com/users/oligriffiths/followers","following_url":"https://api.github.com/users/oligriffiths/following{/other_user}","gists_url":"https://api.github.com/users/oligriffiths/gists{/gist_id}","starred_url":"https://api.github.com/users/oligriffiths/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/oligriffiths/subscriptions","organizations_url":"https://api.github.com/users/oligriffiths/orgs","repos_url":"https://api.github.com/users/oligriffiths/repos","events_url":"https://api.github.com/users/oligriffiths/events{/privacy}","received_events_url":"https://api.github.com/users/oligriffiths/received_events","type":"User","site_admin":false},"created_at":"2016-01-16T17:58:55Z","updated_at":"2016-01-16T17:58:55Z","body":"Awesome"}}