{"action":"created","issue":{"url":"https://api.github.com/repos/Khan/aphrodite/issues/163","repository_url":"https://api.github.com/repos/Khan/aphrodite","labels_url":"https://api.github.com/repos/Khan/aphrodite/issues/163/labels{/name}","comments_url":"https://api.github.com/repos/Khan/aphrodite/issues/163/comments","events_url":"https://api.github.com/repos/Khan/aphrodite/issues/163/events","html_url":"https://github.com/Khan/aphrodite/issues/163","id":184991422,"number":163,"title":"External Classes","user":{"login":"kennetpostigo","id":8888991,"avatar_url":"https://avatars.githubusercontent.com/u/8888991?v=3","gravatar_id":"","url":"https://api.github.com/users/kennetpostigo","html_url":"https://github.com/kennetpostigo","followers_url":"https://api.github.com/users/kennetpostigo/followers","following_url":"https://api.github.com/users/kennetpostigo/following{/other_user}","gists_url":"https://api.github.com/users/kennetpostigo/gists{/gist_id}","starred_url":"https://api.github.com/users/kennetpostigo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kennetpostigo/subscriptions","organizations_url":"https://api.github.com/users/kennetpostigo/orgs","repos_url":"https://api.github.com/users/kennetpostigo/repos","events_url":"https://api.github.com/users/kennetpostigo/events{/privacy}","received_events_url":"https://api.github.com/users/kennetpostigo/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2016-10-25T00:48:05Z","updated_at":"2016-10-25T01:41:48Z","closed_at":null,"body":"Hello,\r\n\r\nI'm currently close to the end of writing a component library and it uses Aphrodite underneath for the styles. Thanks for the this amazing library! However I ran into a bit of an issue. One of the primary goals is to make all the components really customizable with the least amount of effort. So we're using `aphrodite/no-important` I want the styles that I placed on the components with aphrodite to be overridable by simply passing in a class to the component. I assumed that by using \r\n`aphrodite/no-important` that this was possible but aphrodite still overrides the class that is passed in. I also noted that adding a `<style data-aphrodite/>` will cause aphrodite to stop overriding the class passed in. However, this something we want to avoid users from doing otherwise we could have just forced the user to import a css file for the library but wanted to avoid that because the goal is import the component and everything just works. Is there any other work around to getting aphrodite to not override styles passed in?\r\n\r\nAn example of what I'm doing is this:\r\n```js\r\n<div className={(props.className) ? `${css(styles.Card)} ${props.className}` : css(styles.Card)}>\r\n    ...\r\n</div>\r\n```\r\n\r\nI hope I was able to convey what I mean so that it is understandable, if there is any misunderstanding let me know so I can clarify 😄 . "},"comment":{"url":"https://api.github.com/repos/Khan/aphrodite/issues/comments/255913193","html_url":"https://github.com/Khan/aphrodite/issues/163#issuecomment-255913193","issue_url":"https://api.github.com/repos/Khan/aphrodite/issues/163","id":255913193,"user":{"login":"kennetpostigo","id":8888991,"avatar_url":"https://avatars.githubusercontent.com/u/8888991?v=3","gravatar_id":"","url":"https://api.github.com/users/kennetpostigo","html_url":"https://github.com/kennetpostigo","followers_url":"https://api.github.com/users/kennetpostigo/followers","following_url":"https://api.github.com/users/kennetpostigo/following{/other_user}","gists_url":"https://api.github.com/users/kennetpostigo/gists{/gist_id}","starred_url":"https://api.github.com/users/kennetpostigo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kennetpostigo/subscriptions","organizations_url":"https://api.github.com/users/kennetpostigo/orgs","repos_url":"https://api.github.com/users/kennetpostigo/repos","events_url":"https://api.github.com/users/kennetpostigo/events{/privacy}","received_events_url":"https://api.github.com/users/kennetpostigo/received_events","type":"User","site_admin":false},"created_at":"2016-10-25T01:41:48Z","updated_at":"2016-10-25T01:41:48Z","body":"@xymostech optionally (doubt this will work) can we pass a class name into `css()`? to make it follow the order precedence like with `StyleSheet?"}}
{"actor":{"display_login":"kennetpostigo"}}