{"action":"created","issue":{"url":"https://api.github.com/repos/rebassjs/rebass/issues/496","repository_url":"https://api.github.com/repos/rebassjs/rebass","labels_url":"https://api.github.com/repos/rebassjs/rebass/issues/496/labels{/name}","comments_url":"https://api.github.com/repos/rebassjs/rebass/issues/496/comments","events_url":"https://api.github.com/repos/rebassjs/rebass/issues/496/events","html_url":"https://github.com/rebassjs/rebass/issues/496","id":360467158,"node_id":"MDU6SXNzdWUzNjA0NjcxNTg=","number":496,"title":"Missing flexbox styles on <Flex> component","user":{"login":"BartvdWaerden","id":2140835,"node_id":"MDQ6VXNlcjIxNDA4MzU=","avatar_url":"https://avatars1.githubusercontent.com/u/2140835?v=4","gravatar_id":"","url":"https://api.github.com/users/BartvdWaerden","html_url":"https://github.com/BartvdWaerden","followers_url":"https://api.github.com/users/BartvdWaerden/followers","following_url":"https://api.github.com/users/BartvdWaerden/following{/other_user}","gists_url":"https://api.github.com/users/BartvdWaerden/gists{/gist_id}","starred_url":"https://api.github.com/users/BartvdWaerden/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/BartvdWaerden/subscriptions","organizations_url":"https://api.github.com/users/BartvdWaerden/orgs","repos_url":"https://api.github.com/users/BartvdWaerden/repos","events_url":"https://api.github.com/users/BartvdWaerden/events{/privacy}","received_events_url":"https://api.github.com/users/BartvdWaerden/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":7,"created_at":"2018-09-14T21:57:25Z","updated_at":"2018-09-20T22:05:10Z","closed_at":null,"author_association":"NONE","body":"I really enjoy working with Rebass, thanks for all the effort you've put in this project!  \r\n\r\nAfter upgrading to _Styled Components v4_ and _Rebass v3_ it seems like every prop on every component works except the props specific to the `<Flex>` (eg. `display: flex;` `alignItems=\"center\"`) component. \r\n\r\n**Example code**\r\n```\r\n    <Flex px={3} py={4} alignItems=\"center\">\r\n      <Box px={3} py={5} color=\"white\" bg=\"blue\">\r\n        <Heading as=\"h1\" fontSize={[4, 5, 6]}>\r\n          Hello, Rebass\r\n        </Heading>\r\n      </Box>\r\n      <Box px={3} py={5} color=\"white\" bg=\"blue\">\r\n        <Heading as=\"h1\" fontSize={[4, 5, 6]}>\r\n          Hello, Rebass\r\n        </Heading>\r\n      </Box>\r\n    </Flex>\r\n```\r\n**Inspector**\r\n![screen shot 2018-09-14 at 23 55 45](https://user-images.githubusercontent.com/2140835/45576946-d6da8980-b879-11e8-9bd1-7f0a1fa742ad.png)\r\n\r\nI'm using the Gatsby Starter Default v2 and added Rebass and Styled Components to it. I've been trying to get it to work but without any luck.\r\n\r\n**Debugging steps taken**\r\n\r\n- Updated all packages to latest versions\r\n- Removed and reinstalled node modules\r\n- Removed cache (browser and Gatsby)\r\n- Removed babel-plugin-styled-components\r\n\r\nThanks in advance!"},"comment":{"url":"https://api.github.com/repos/rebassjs/rebass/issues/comments/423349225","html_url":"https://github.com/rebassjs/rebass/issues/496#issuecomment-423349225","issue_url":"https://api.github.com/repos/rebassjs/rebass/issues/496","id":423349225,"node_id":"MDEyOklzc3VlQ29tbWVudDQyMzM0OTIyNQ==","user":{"login":"jxnblk","id":3451712,"node_id":"MDQ6VXNlcjM0NTE3MTI=","avatar_url":"https://avatars2.githubusercontent.com/u/3451712?v=4","gravatar_id":"","url":"https://api.github.com/users/jxnblk","html_url":"https://github.com/jxnblk","followers_url":"https://api.github.com/users/jxnblk/followers","following_url":"https://api.github.com/users/jxnblk/following{/other_user}","gists_url":"https://api.github.com/users/jxnblk/gists{/gist_id}","starred_url":"https://api.github.com/users/jxnblk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jxnblk/subscriptions","organizations_url":"https://api.github.com/users/jxnblk/orgs","repos_url":"https://api.github.com/users/jxnblk/repos","events_url":"https://api.github.com/users/jxnblk/events{/privacy}","received_events_url":"https://api.github.com/users/jxnblk/received_events","type":"User","site_admin":false},"created_at":"2018-09-20T22:05:10Z","updated_at":"2018-09-20T22:05:10Z","author_association":"COLLABORATOR","body":"@gregoralbrecht currently the `flex` prop is *not* in Rebass v3 (see #488), so that is expected behavior with the latest beta. Also note that Rebass v3 doesn't use `@rebass/grid` as a dependency"}}
{"actor":{"display_login":"jxnblk"}}