{"action":"closed","issue":{"url":"https://api.github.com/repos/SimulatedGREG/electron-vue/issues/374","repository_url":"https://api.github.com/repos/SimulatedGREG/electron-vue","labels_url":"https://api.github.com/repos/SimulatedGREG/electron-vue/issues/374/labels{/name}","comments_url":"https://api.github.com/repos/SimulatedGREG/electron-vue/issues/374/comments","events_url":"https://api.github.com/repos/SimulatedGREG/electron-vue/issues/374/events","html_url":"https://github.com/SimulatedGREG/electron-vue/issues/374","id":253368843,"number":374,"title":"different css style between `npm run dev` and `npm run build`","user":{"login":"fluency03","id":7440735,"avatar_url":"https://avatars2.githubusercontent.com/u/7440735?v=4","gravatar_id":"","url":"https://api.github.com/users/fluency03","html_url":"https://github.com/fluency03","followers_url":"https://api.github.com/users/fluency03/followers","following_url":"https://api.github.com/users/fluency03/following{/other_user}","gists_url":"https://api.github.com/users/fluency03/gists{/gist_id}","starred_url":"https://api.github.com/users/fluency03/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fluency03/subscriptions","organizations_url":"https://api.github.com/users/fluency03/orgs","repos_url":"https://api.github.com/users/fluency03/repos","events_url":"https://api.github.com/users/fluency03/events{/privacy}","received_events_url":"https://api.github.com/users/fluency03/received_events","type":"User","site_admin":false},"labels":[{"id":432127453,"url":"https://api.github.com/repos/SimulatedGREG/electron-vue/labels/needs-info","name":"needs-info","color":"fef2c0","default":false}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2017-08-28T15:35:34Z","updated_at":"2017-09-10T23:18:40Z","closed_at":"2017-09-10T23:18:40Z","author_association":"CONTRIBUTOR","body":"## Describe the issue / bug.\r\n\r\nI have a `input` element with the following css style:\r\n```css\r\n  .host-input {\r\n    margin-left: 10px;\r\n    display: inline-table;\r\n    width: 300px;\r\n  }\r\n```\r\n\r\nIf I run `npm run dev`, the width is correct. \r\n\r\nHowever, if I run `npm run build` and open the generated app, the width of the `input` element is to the border of the right, which I think is `auto`.\r\n\r\nHow could this difference happen?  Is it related to the difference of two `webpack.renderer.config.js` files under the root dir and the `./electron-vue`?\r\n\r\nI have the same issue with anchor element. \r\n```css\r\n  a {\r\n    color: inherit;\r\n  }\r\n```\r\nIn `dev` environment, it is with black color, however, after I open the `build` app, the color is blue. \r\n\r\n## If visual, provide a screenshot.\r\n\r\n#### Under dev:\r\n\r\n<img width=\"1009\" alt=\"dev\" src=\"https://user-images.githubusercontent.com/7440735/29780644-cfa4d0fc-8c16-11e7-8f03-280cec313f03.png\">\r\n\r\n#### After build:\r\n\r\n<img width=\"1006\" alt=\"build\" src=\"https://user-images.githubusercontent.com/7440735/29780780-47ea6f40-8c17-11e7-82cd-a19bddef4104.png\">\r\n\r\n\r\n\r\n\r\n\r\n## Tell me about your development environment.\r\n  * Node version: v7.7.4\r\n  * NPM version: 4.1.2\r\n  * vue-cli version: (if necessary)\r\n  * Operating System: MacOS\r\n\r\n"}}
{"actor":{"display_login":"SimulatedGREG"}}