foundation-emails
foundation-emails copied to clipboard
Styles compilation problem on fresh installation
The problem is simple, I just:
- installed node 10 with nvm
- installed globally foundation-cli
- ran
foundation new --framework emails
- went through installation process
- ran
foundation watch
: at this point sample templates looks correctly in live-watching browser version - ran
foundation build
: at this point I see: a) again, live watch in browser b) broken styles
One more thiing: I found a buggy instruction in package.json
: "build" script just runs gulp --production
, so I replaced it with gulp build --production
.
After this, foundation build
successfully finished and no any watching servers are running, as it should be.
But styles are still broken: for example, <callout class="primary"></callout>
results in <th class="callout-inner primary" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#def0fc;border:1px solid #0f5f94;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:10px;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;text-align:left;vertical-align:top;width:100%;word-wrap:break-word">
As you can see here, there is a very strange style: margin:0;padding:10px;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;
This leads to zero-paddings in callout block.
Please, help to find out the reason of this strange behavior.
By the way, I'm using macos Big Sur
(fig. 1 — normal looking "basic" template after npm run start
)
(fig. 2 — buggy "basic" template after npm run build
)