Question

我需要将电子邮件的全局宽度从标准680px更改为Zurb Foundation for Emails中的自定义492px。

我无法在settings.scss中更改它，因为我只需要一封电子邮件即可拥有此特定宽度。

table.container {492px}无效。

任何帮助将不胜感激。谢谢！

Answer 1

我一直将自定义样式放在SCSS目录中名为 _custom.scss 的新文件中。然后我在文件中用@import 'custom';更新了 app.scss 。

我一直在创建新的类和ID，而不是试图覆盖现有的类和ID。

这是我在一次类似于你的案件中所做的事情。

希望这有帮助。

Answer 2

1）在/src/assets/settings.scss中创建一个新类：

.tinyemail {
    $global-width: 492px;

    & table.container {
        background: #fefefe;
        width: 492px;
        margin: 0 auto;
        Margin: 0 auto;
        text-align: inherit;
    }
}

2）然后在/src/layouts/中创建一个名为tinyemail.html的新布局，并向body标记添加一个类：

<body class="tinyemail">

3）然后为具有自定义宽度的电子邮件创建一个页面，并在文件顶部指定一个自定义布局，如下所示：

---
layout: tinyemail
---

这是答案：https://foundation.zurb.com/forum/posts/52024-emails-with-different-width

如何更改Zurb Foundation for Emails的全局宽度？

2 个答案: