{"action":"created","issue":{"url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/231","labels_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/231/labels{/name}","comments_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/231/comments","events_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/231/events","html_url":"https://github.com/react-toolbox/react-toolbox/issues/231","id":123703199,"number":231,"title":"How do you correctly use the CSS?","user":{"login":"karlmacklin","id":353806,"avatar_url":"https://avatars.githubusercontent.com/u/353806?v=3","gravatar_id":"","url":"https://api.github.com/users/karlmacklin","html_url":"https://github.com/karlmacklin","followers_url":"https://api.github.com/users/karlmacklin/followers","following_url":"https://api.github.com/users/karlmacklin/following{/other_user}","gists_url":"https://api.github.com/users/karlmacklin/gists{/gist_id}","starred_url":"https://api.github.com/users/karlmacklin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/karlmacklin/subscriptions","organizations_url":"https://api.github.com/users/karlmacklin/orgs","repos_url":"https://api.github.com/users/karlmacklin/repos","events_url":"https://api.github.com/users/karlmacklin/events{/privacy}","received_events_url":"https://api.github.com/users/karlmacklin/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-12-23T18:20:00Z","updated_at":"2016-01-01T20:42:35Z","closed_at":"2016-01-01T20:42:35Z","body":"My question might stem from too much of a newbie perspective, please ignore in that case.\r\nAnyways - I find it very hard to get started using these components.\r\n\r\nI follow the instructions and start out with the react-hot-boilerplate, and then add the needed loaders for webpack etc.\r\n\r\nI have installed the react-toolbox via npm. Add Roboto font and material ui icons.\r\nTrying out a few examples, I can get components to show up on screen but they are not styled correctly. Everything is much too big, and wrong font etc.\r\nFrom some deduction I realize that the examples online are all shown with styles from the common.scss file.\r\n\r\nWhat is the correct way to import these styles, with or without your own theme? Copy them all form the node_modules folder and put in your own project? Or trigger them some other way? There's a toolbox-loader that specifies that webpack config option 'toolbox' can be used to define your theme.scss filename, but it seems that whatever you name it there it always looks for exactly theme.scss in your project root folder.\r\n\r\nSo far my solution is to copy the first style-chunk on the generated html on the live examples (the one that includes normalize etc), which is not a pretty solution.\r\n\r\nAny hints?\r\n\r\nI realize the sizing problem I have is related to the 62.5% font-size mentioned in this issue as well: https://github.com/react-toolbox/react-toolbox/issues/172 - but I'm not sure how far this bug affects my starting problems."},"comment":{"url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/comments/168336362","html_url":"https://github.com/react-toolbox/react-toolbox/issues/231#issuecomment-168336362","issue_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/231","id":168336362,"user":{"login":"karlmacklin","id":353806,"avatar_url":"https://avatars.githubusercontent.com/u/353806?v=3","gravatar_id":"","url":"https://api.github.com/users/karlmacklin","html_url":"https://github.com/karlmacklin","followers_url":"https://api.github.com/users/karlmacklin/followers","following_url":"https://api.github.com/users/karlmacklin/following{/other_user}","gists_url":"https://api.github.com/users/karlmacklin/gists{/gist_id}","starred_url":"https://api.github.com/users/karlmacklin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/karlmacklin/subscriptions","organizations_url":"https://api.github.com/users/karlmacklin/orgs","repos_url":"https://api.github.com/users/karlmacklin/repos","events_url":"https://api.github.com/users/karlmacklin/events{/privacy}","received_events_url":"https://api.github.com/users/karlmacklin/received_events","type":"User","site_admin":false},"created_at":"2016-01-01T20:42:35Z","updated_at":"2016-01-01T20:42:35Z","body":"@fgarcia Nice!"}}