{"action":"opened","issue":{"url":"https://api.github.com/repos/tkh44/emotion/issues/260","repository_url":"https://api.github.com/repos/tkh44/emotion","labels_url":"https://api.github.com/repos/tkh44/emotion/issues/260/labels{/name}","comments_url":"https://api.github.com/repos/tkh44/emotion/issues/260/comments","events_url":"https://api.github.com/repos/tkh44/emotion/issues/260/events","html_url":"https://github.com/tkh44/emotion/issues/260","id":250226789,"number":260,"title":"Props to class modifier","user":{"login":"ai","id":19343,"avatar_url":"https://avatars1.githubusercontent.com/u/19343?v=4","gravatar_id":"","url":"https://api.github.com/users/ai","html_url":"https://github.com/ai","followers_url":"https://api.github.com/users/ai/followers","following_url":"https://api.github.com/users/ai/following{/other_user}","gists_url":"https://api.github.com/users/ai/gists{/gist_id}","starred_url":"https://api.github.com/users/ai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ai/subscriptions","organizations_url":"https://api.github.com/users/ai/orgs","repos_url":"https://api.github.com/users/ai/repos","events_url":"https://api.github.com/users/ai/events{/privacy}","received_events_url":"https://api.github.com/users/ai/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-08-15T05:45:30Z","updated_at":"2017-08-15T05:45:30Z","closed_at":null,"body":"It will be nice to have something like:\r\n\r\n```jsx\r\nconst Content = styled.div`\r\n  width: calc(100% - 200px);\r\n  &.hideMenu {\r\n    width: 100%;\r\n  }\r\n`\r\n\r\n<Content hideMenu=true>\r\n```\r\n\r\nWe can do it right now with dynamic properties `width: ${ p => p.hideMenu ? 100 : 0 }%`, but:\r\n\r\n1. Dynamic properties are slow.\r\n2. We can’t process dynamic properties throw PostCSS plugins."}}
{"actor":{"display_login":"ai"}}