Весь CSS исчезает в Gmail ⇐ CSS
-
Anonymous
Весь CSS исчезает в Gmail
Я использую Maizzle в качестве генератора шаблонов электронной почты, я использую API через CLI из-за необходимой мне локализации, но сгенерированный шаблон выглядит нормально, работает нормально, я проверил его в Thunderbird, и он выглядит хорошо, но (я думаю) на большинстве CSS популярного почтового клиента полностью исчезает, как встроенные стили, так и стили тегов. Я попробовал переписать весь шаблон, но это ничего не меняет.
Переписываю свой шаблон, удаляю все переменные --tw, отключаю некоторые параметры в конфигурации maizzle, включаю некоторые вещи.
Это мой config.production.js
/** @type {import('@maizzle/framework').Config} */ модуль.экспорт = { строить: { шаблоны: { место назначения: { путь: '../src/mail/templates', расширение: 'hbs', }, }, }, встроенныйCSS: правда, удалитьUnusedCSS: правда, приукрашивать: правда, сокращениеCSS: правда, язык: 'en', }; Конечно, я не использую какие-либо «неподдерживаемые» стили, я проверил все в документации Gmail о поддерживаемых стилях, я все еще думаю, что это из-за переменных попутного ветра, экспортируемых по умолчанию, например, maizzle.
ИЛИ
*,::before,::after { --tw-border-spacing-x: 0; --tw-pan-x: ; --tw-pan-y: ; }
Я использую Maizzle в качестве генератора шаблонов электронной почты, я использую API через CLI из-за необходимой мне локализации, но сгенерированный шаблон выглядит нормально, работает нормально, я проверил его в Thunderbird, и он выглядит хорошо, но (я думаю) на большинстве CSS популярного почтового клиента полностью исчезает, как встроенные стили, так и стили тегов. Я попробовал переписать весь шаблон, но это ничего не меняет.
Переписываю свой шаблон, удаляю все переменные --tw, отключаю некоторые параметры в конфигурации maizzle, включаю некоторые вещи.
Это мой config.production.js
/** @type {import('@maizzle/framework').Config} */ модуль.экспорт = { строить: { шаблоны: { место назначения: { путь: '../src/mail/templates', расширение: 'hbs', }, }, }, встроенныйCSS: правда, удалитьUnusedCSS: правда, приукрашивать: правда, сокращениеCSS: правда, язык: 'en', }; Конечно, я не использую какие-либо «неподдерживаемые» стили, я проверил все в документации Gmail о поддерживаемых стилях, я все еще думаю, что это из-за переменных попутного ветра, экспортируемых по умолчанию, например, maizzle.
ИЛИ
*,::before,::after { --tw-border-spacing-x: 0; --tw-pan-x: ; --tw-pan-y: ; }
Мобильная версия