{"action":"opened","issue":{"url":"https://api.github.com/repos/cssinjs/jss/issues/275","repository_url":"https://api.github.com/repos/cssinjs/jss","labels_url":"https://api.github.com/repos/cssinjs/jss/issues/275/labels{/name}","comments_url":"https://api.github.com/repos/cssinjs/jss/issues/275/comments","events_url":"https://api.github.com/repos/cssinjs/jss/issues/275/events","html_url":"https://github.com/cssinjs/jss/issues/275","id":168130472,"number":275,"title":"Styles generated in camel case","user":{"login":"techyrajeev","id":4118032,"avatar_url":"https://avatars.githubusercontent.com/u/4118032?v=3","gravatar_id":"","url":"https://api.github.com/users/techyrajeev","html_url":"https://github.com/techyrajeev","followers_url":"https://api.github.com/users/techyrajeev/followers","following_url":"https://api.github.com/users/techyrajeev/following{/other_user}","gists_url":"https://api.github.com/users/techyrajeev/gists{/gist_id}","starred_url":"https://api.github.com/users/techyrajeev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/techyrajeev/subscriptions","organizations_url":"https://api.github.com/users/techyrajeev/orgs","repos_url":"https://api.github.com/users/techyrajeev/repos","events_url":"https://api.github.com/users/techyrajeev/events{/privacy}","received_events_url":"https://api.github.com/users/techyrajeev/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-07-28T15:50:08Z","updated_at":"2016-07-28T15:50:08Z","closed_at":null,"body":"I had tried to use following in a react component. I see the styles are getting generated inside <style> tag but just this\r\n```\r\n\r\n.buttonChu-1289375814 {\r\n    fontSize: 12;\r\n}\r\n```\r\nNotice the camel case\r\n\r\nMy code is below\r\n```\r\nimport React from 'react';\r\nimport jss from 'jss';\r\n\r\nconst styles = function(color){\r\n    return {\r\n      buttonChu: {\r\n        fontSize: 12,\r\n        '&:hover': {\r\n          background: 'blue'\r\n        }\r\n      },\r\n      ctaButton: {\r\n        extend: 'buttonChu',\r\n        '&:hover': {\r\n          background: 'red'\r\n        }\r\n      },\r\n      '@media (min-width: 1024px)': {\r\n        button: {\r\n          minWidth: 200\r\n        }\r\n      }\r\n    }\r\n};\r\n\r\nconst {classes} = jss.createStyleSheet(styles(\"#sfsdf\")).attach();\r\n\r\nconst Button = ({children, onClick, classNames}) =>\r\n    (\r\n        <button\r\n            onClick   = {onClicked}\r\n            className = {`${classes.buttonChu}`}\r\n            type      = \"button\"\r\n        >\r\n            {children}\r\n        </button>\r\n    );\r\n\r\n```"}}
{"actor":{"display_login":"techyrajeev"}}