{"action":"created","issue":{"url":"https://api.github.com/repos/JosephusPaye/Keen-UI/issues/26","repository_url":"https://api.github.com/repos/JosephusPaye/Keen-UI","labels_url":"https://api.github.com/repos/JosephusPaye/Keen-UI/issues/26/labels{/name}","comments_url":"https://api.github.com/repos/JosephusPaye/Keen-UI/issues/26/comments","events_url":"https://api.github.com/repos/JosephusPaye/Keen-UI/issues/26/events","html_url":"https://github.com/JosephusPaye/Keen-UI/issues/26","id":154235995,"number":26,"title":"How to include CSS file into app CSS?","user":{"login":"mariaczi","id":9385106,"avatar_url":"https://avatars.githubusercontent.com/u/9385106?v=3","gravatar_id":"","url":"https://api.github.com/users/mariaczi","html_url":"https://github.com/mariaczi","followers_url":"https://api.github.com/users/mariaczi/followers","following_url":"https://api.github.com/users/mariaczi/following{/other_user}","gists_url":"https://api.github.com/users/mariaczi/gists{/gist_id}","starred_url":"https://api.github.com/users/mariaczi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mariaczi/subscriptions","organizations_url":"https://api.github.com/users/mariaczi/orgs","repos_url":"https://api.github.com/users/mariaczi/repos","events_url":"https://api.github.com/users/mariaczi/events{/privacy}","received_events_url":"https://api.github.com/users/mariaczi/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2016-05-11T12:52:40Z","updated_at":"2016-07-23T16:18:22Z","closed_at":"2016-05-11T17:27:24Z","body":"Hi,\r\nI am using webpack for my project.\r\nI can't just include css from node_modules.\r\nHow can I include keen-ui.css into my project CSS?"},"comment":{"url":"https://api.github.com/repos/JosephusPaye/Keen-UI/issues/comments/234726594","html_url":"https://github.com/JosephusPaye/Keen-UI/issues/26#issuecomment-234726594","issue_url":"https://api.github.com/repos/JosephusPaye/Keen-UI/issues/26","id":234726594,"user":{"login":"nicooprat","id":645641,"avatar_url":"https://avatars.githubusercontent.com/u/645641?v=3","gravatar_id":"","url":"https://api.github.com/users/nicooprat","html_url":"https://github.com/nicooprat","followers_url":"https://api.github.com/users/nicooprat/followers","following_url":"https://api.github.com/users/nicooprat/following{/other_user}","gists_url":"https://api.github.com/users/nicooprat/gists{/gist_id}","starred_url":"https://api.github.com/users/nicooprat/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nicooprat/subscriptions","organizations_url":"https://api.github.com/users/nicooprat/orgs","repos_url":"https://api.github.com/users/nicooprat/repos","events_url":"https://api.github.com/users/nicooprat/events{/privacy}","received_events_url":"https://api.github.com/users/nicooprat/received_events","type":"User","site_admin":false},"created_at":"2016-07-23T16:18:22Z","updated_at":"2016-07-23T16:18:22Z","body":"I got it working by using `import 'keen-ui/dist/keen-ui.css'` with Webpack (using the [official template](https://github.com/vuejs-templates/webpack)) in `main.js`:\r\n\r\n````js\r\nimport Vue from 'vue'\r\nimport Keen from 'keen-ui'\r\nimport 'keen-ui/dist/keen-ui.css'\r\n\r\nVue.use(Keen)\r\n````\r\n\r\nHowever, styles aren't applied because they don't match. CSS is using class names, HTML is using custom tags:\r\n\r\n````csss\r\n.ui-alert {\r\n  font-family: Roboto, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\r\n  ...\r\n}\r\n````\r\n\r\n````html\r\n<ui-alert type=\"warning\">\r\n  Ay caramba! Alerts can also contain HTML. <a href=\"https://google.com\" target=\"_blank\">Click here</a> for Google.com.\r\n</ui-alert>\r\n````\r\n\r\nWhat am I missing?"}}
{"actor":{"display_login":"nicooprat"}}