email-theme-styling

SKILL.md

Purpose This skill provides comprehensive guidance on theming and styling Magento 2 transactional emails via theme files. It covers the full email rendering pipeline, CSS inlining architecture, template override patterns, Hyvä Email module integration, and the Tailwind-to-LESS compilation approach.

Magento splits email CSS into two files because email clients like Gmail strip tags:

| email-inline.css (from email-inline.less) | Styles that CAN be inlined | {{inlinecss file="css/email-inline.css"}} | Emogrifier converts to style="" attributes | | email.css (from email.less) | Styles that CANNOT be inlined | {{css file="css/email.css"}} | Placed in tag (media queries, :hover, @font-face) |

Umfassende Anleitung zum Thematisieren und Gestalten von Magento 2-Transaktions-E-Mails über Designdateien, einschließlich Hyvä-spezifischer Überlegungen, CSS-Inlining-Architektur und Muster zum Überschreiben von Vorlagen. Quelle: proxiblue/claude-skills.

Original anzeigen