{"action":"created","issue":{"url":"https://api.github.com/repos/cssinjs/styled-jss/issues/3","repository_url":"https://api.github.com/repos/cssinjs/styled-jss","labels_url":"https://api.github.com/repos/cssinjs/styled-jss/issues/3/labels{/name}","comments_url":"https://api.github.com/repos/cssinjs/styled-jss/issues/3/comments","events_url":"https://api.github.com/repos/cssinjs/styled-jss/issues/3/events","html_url":"https://github.com/cssinjs/styled-jss/pull/3","id":223257165,"number":3,"title":"Support styled DOM","user":{"login":"lttb","id":11135392,"avatar_url":"https://avatars2.githubusercontent.com/u/11135392?v=3","gravatar_id":"","url":"https://api.github.com/users/lttb","html_url":"https://github.com/lttb","followers_url":"https://api.github.com/users/lttb/followers","following_url":"https://api.github.com/users/lttb/following{/other_user}","gists_url":"https://api.github.com/users/lttb/gists{/gist_id}","starred_url":"https://api.github.com/users/lttb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lttb/subscriptions","organizations_url":"https://api.github.com/users/lttb/orgs","repos_url":"https://api.github.com/users/lttb/repos","events_url":"https://api.github.com/users/lttb/events{/privacy}","received_events_url":"https://api.github.com/users/lttb/received_events","type":"User","site_admin":false},"labels":[{"id":587182055,"url":"https://api.github.com/repos/cssinjs/styled-jss/labels/enhancement","name":"enhancement","color":"84b6eb","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2017-04-21T02:31:19Z","updated_at":"2017-04-26T16:35:44Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/cssinjs/styled-jss/pulls/3","html_url":"https://github.com/cssinjs/styled-jss/pull/3","diff_url":"https://github.com/cssinjs/styled-jss/pull/3.diff","patch_url":"https://github.com/cssinjs/styled-jss/pull/3.patch"},"body":"Support tags as `styled` properties. This `styled` has backward capability with original `styled`.\r\n\r\nThis interface has some issues:\r\n- performance and memory overhead, because we need to create functions for all dom-elements for each `styled` instance\r\n- dom-elements whitelist. and user can declare only those tags that we've supported\r\n\r\nBut they can be solved by `Proxy`.\r\n\r\nAnd we can use it this way:\r\n- `Proxy` for runtime usage if we don't worry about performance and browser capability\r\n- use babel-plugin (https://github.com/cssinjs/styled-jss/issues/5) instead\r\n\r\n## Usage\r\n\r\n```js\r\nimport { styled } from 'styled-jss/dom'\r\n\r\nconst Button = styled.button({\r\n  fontSize: 12,\r\n  color: (props) => props.theme.textColor\r\n})\r\n\r\n// Composition.\r\nconst PrimaryButton = styled(Button, {\r\n  color: 'red'\r\n})\r\n```"},"comment":{"url":"https://api.github.com/repos/cssinjs/styled-jss/issues/comments/297468929","html_url":"https://github.com/cssinjs/styled-jss/pull/3#issuecomment-297468929","issue_url":"https://api.github.com/repos/cssinjs/styled-jss/issues/3","id":297468929,"user":{"login":"lttb","id":11135392,"avatar_url":"https://avatars2.githubusercontent.com/u/11135392?v=3","gravatar_id":"","url":"https://api.github.com/users/lttb","html_url":"https://github.com/lttb","followers_url":"https://api.github.com/users/lttb/followers","following_url":"https://api.github.com/users/lttb/following{/other_user}","gists_url":"https://api.github.com/users/lttb/gists{/gist_id}","starred_url":"https://api.github.com/users/lttb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lttb/subscriptions","organizations_url":"https://api.github.com/users/lttb/orgs","repos_url":"https://api.github.com/users/lttb/repos","events_url":"https://api.github.com/users/lttb/events{/privacy}","received_events_url":"https://api.github.com/users/lttb/received_events","type":"User","site_admin":false},"created_at":"2017-04-26T16:35:44Z","updated_at":"2017-04-26T16:35:44Z","body":"I think we can close it for now because of [babel-plugin-styled-jss](https://github.com/lttb/babel-plugin-styled-jss), and return to this later if need."}}
{"actor":{"display_login":"lttb"}}