{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation-emails/issues/690","repository_url":"https://api.github.com/repos/zurb/foundation-emails","labels_url":"https://api.github.com/repos/zurb/foundation-emails/issues/690/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-emails/issues/690/comments","events_url":"https://api.github.com/repos/zurb/foundation-emails/issues/690/events","html_url":"https://github.com/zurb/foundation-emails/issues/690","id":204082892,"number":690,"title":"Compiled index.html is not gathering all CSS and loosing \"responsiveness\"","user":{"login":"valbap","id":14334408,"avatar_url":"https://avatars.githubusercontent.com/u/14334408?v=3","gravatar_id":"","url":"https://api.github.com/users/valbap","html_url":"https://github.com/valbap","followers_url":"https://api.github.com/users/valbap/followers","following_url":"https://api.github.com/users/valbap/following{/other_user}","gists_url":"https://api.github.com/users/valbap/gists{/gist_id}","starred_url":"https://api.github.com/users/valbap/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/valbap/subscriptions","organizations_url":"https://api.github.com/users/valbap/orgs","repos_url":"https://api.github.com/users/valbap/repos","events_url":"https://api.github.com/users/valbap/events{/privacy}","received_events_url":"https://api.github.com/users/valbap/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":8,"created_at":"2017-01-30T17:52:33Z","updated_at":"2017-02-02T19:45:10Z","closed_at":null,"body":"<!-- Please only file bugs with Foundation on GitHub. If you've got a more general question about how to use Foundation, we can help you on the Foundation Forum: http://foundation.zurb.com/forum -->\r\n\r\n**How can we reproduce this bug?**\r\nNot sure. Here what I did:\r\n1 - Followed all the instructions to install the SASS version here (http://foundation.zurb.com/emails/docs/sass-guide.html)\r\n\r\n2 - Then realized that this command wasn't enough (sudo npm start) and as I was needing it to inline my code automatically I changed to (sudo npm run build).\r\n\r\n3 - Started working on src/pages/index.html. Have one partial.\r\n\r\n4 - No errors on terminal. Everything is well compiled. Uploaded images to my server and changed the path on default.html. Opened index.html and everything was ok. Made a test with putsmail and responsiveness was broken. Nothing was responding.\r\n\r\n5 - Moved my compiled and responding index.html to desktop, opened and responsiveness were broken.\r\n\r\n6 - Conclusion: the process of inlining is leaving some of the files out as as soon as I drop the css folder into my desktop it starts working again.\r\n\r\n---------------------\r\n\r\n_settings weren't changed.\r\n_template changed just a color.\r\n\r\n**Here is my index.html**\r\n\r\n```\r\n<spacer size=\"30\"></spacer>\r\n<container>\r\n    <row>\r\n        <columns small=\"6\">\r\n            <center><img src=\"https://****.com/logo1.png\" alt=\"\"></center>\r\n        </columns>\r\n        <columns small=\"6\">\r\n            <center><img src=\"https://****.com/logo2.png\" alt=\"\"></center>\r\n        </columns>\r\n    </row>\r\n    <row>\r\n        <columns>\r\n            <h2 class=\"text-center\">TEXT</h2>\r\n            <p class=\"text-center\">TEXT</p>\r\n        </columns>\r\n    </row>\r\n    <row>\r\n        <columns>\r\n            <table class=\"callout\">\r\n                <tr>\r\n                    <th class=\"callout-inner primary\">\r\n                        <table class=\"row\">\r\n                            <tbody>\r\n                                <tr>\r\n                                    <th class=\"small-12 large-12 columns first last\">\r\n                                        <spacer size=\"20\"></spacer>\r\n                                        <table>\r\n                                            <tr>\r\n                                                <th>\r\n                                                    <p class=\"text-center cupom\">TEXT</p>\r\n                                                </th>\r\n                                                <th class=\"expander\"></th>\r\n                                            </tr>\r\n                                        </table>\r\n                                    </th>\r\n                                </tr>\r\n                            </tbody>\r\n                        </table>\r\n                    </th>\r\n                    <th class=\"expander\"></th>\r\n                </tr>\r\n            </table>\r\n        </columns>\r\n    </row>\r\n    <row>\r\n        <columns>\r\n            <ul>\r\n                <li>TEXT</li>\r\n                <li>TEXT</li>\r\n            </ul>\r\n            <spacer size=\"10\"></spacer>\r\n        </columns>\r\n    </row>\r\n    <row>\r\n        <columns>\r\n            <table class=\"callout\">\r\n                <tr>\r\n                    <th class=\"callout-inner success\">\r\n                        <p>TEXT</p>\r\n                    </th>\r\n                    <th class=\"expander\"></th>\r\n                </tr>\r\n            </table>\r\n            {{>calltoaction}}\r\n        </columns>\r\n    </row>\r\n    <row>\r\n        <columns>\r\n            <p>TEXT\r\n            </p>\r\n        </columns>\r\n    </row>\r\n</container>\r\n```\r\n\r\n\r\n\r\n\r\n-----------------\r\n\r\n\r\n**Here is my app.scss**\r\n\r\n```\r\n@import 'settings';\r\n@import 'foundation-emails';\r\n@import 'template/template';\r\n\r\n*{font-family: 'Roboto', sans-serif;}\r\nh2{font-family: 'Roboto', sans-serif;font-size:24px;font-weight: 400;font-style: italic;} \r\np.cupom{font-family: 'Roboto', sans-serif;font-weight: 700;font-size:40px;line-height: 50px;color:$primary-color;}\r\n.success p{color:$secondary-color}\r\np, li{line-height: 26px;font-size:16px;}\r\nul{margin:0;padding:0;list-style-position: outside;padding-left:20px; }\r\n```\r\n\r\n\r\n\r\n---------\r\n\r\nHere is my default.html\r\n\r\n```\r\n<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\r\n<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"en\" xml:lang=\"en\">\r\n  <head>\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"{{root}}css/app.css\">\r\n    <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width\">\r\n    <title>{{subject}}</title>\r\n  <style>\r\n@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700');\r\n</style>\r\n  </head>\r\n  <body>\r\n    <span class=\"preheader\">{{description}}</span>\r\n    <table class=\"body\">\r\n      <tr>\r\n        <td class=\"center\" align=\"center\" valign=\"top\">\r\n          <center>\r\n            {{> body}}\r\n          </center>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <!-- prevent Gmail on iOS font size manipulation -->\r\n   <div style=\"display:none; white-space:nowrap; font:15px courier; line-height:0;\"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>\r\n  </body>\r\n</html>\r\n\r\n```"},"comment":{"url":"https://api.github.com/repos/zurb/foundation-emails/issues/comments/277061682","html_url":"https://github.com/zurb/foundation-emails/issues/690#issuecomment-277061682","issue_url":"https://api.github.com/repos/zurb/foundation-emails/issues/690","id":277061682,"user":{"login":"davehoran","id":641572,"avatar_url":"https://avatars.githubusercontent.com/u/641572?v=3","gravatar_id":"","url":"https://api.github.com/users/davehoran","html_url":"https://github.com/davehoran","followers_url":"https://api.github.com/users/davehoran/followers","following_url":"https://api.github.com/users/davehoran/following{/other_user}","gists_url":"https://api.github.com/users/davehoran/gists{/gist_id}","starred_url":"https://api.github.com/users/davehoran/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/davehoran/subscriptions","organizations_url":"https://api.github.com/users/davehoran/orgs","repos_url":"https://api.github.com/users/davehoran/repos","events_url":"https://api.github.com/users/davehoran/events{/privacy}","received_events_url":"https://api.github.com/users/davehoran/received_events","type":"User","site_admin":false},"created_at":"2017-02-02T19:45:10Z","updated_at":"2017-02-02T19:45:10Z","body":"Great news!! "}}
{"actor":{"display_login":"davehoran"}}