Skip to content

Commit 602f345

Browse files
committed
chore: update skill
1 parent c88e45b commit 602f345

2 files changed

Lines changed: 2 additions & 2 deletions

File tree

skills/maizzle/references/CONVERT-MAIZZLE-V5.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -216,7 +216,7 @@ Delete `tailwind.config.js`. Replace `tailwindcss-preset-email` with `@maizzle/t
216216
</Head>
217217
```
218218

219-
Token naming: `colors.brand``--color-brand`, `fontFamily.display``--font-display`, `spacing.lg``--spacing-lg`. Built-in `<Layout>` already imports `@maizzle/tailwindcss` — the `<style>` block is only needed for `@theme` customisation or when not using `<Layout>`. Full Tailwind story: `references/STYLING.md`.
219+
Token naming: `colors.brand``--color-brand`, `fontFamily.display``--font-display`, `spacing.lg``--spacing-lg`. `@theme` tokens must live in the same `<style>` block that imports Tailwind — built-in `<Layout>` owns its own `<head>` and import (compiled in isolation), so you can't add tokens to it. To customize the theme, drop `<Layout>` and write your own `<Html>`/`<Head>`/`<Body>` with a `<style>` block that imports `@maizzle/tailwindcss` and defines `@theme`. Full Tailwind story: `references/STYLING.md`.
220220

221221
## Events
222222

skills/maizzle/references/TRANSFORMERS.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ The DOM is parsed once, walked by all DOM-based transformers, then serialized; s
4747

4848
**Attribute to style**`true` covers all supported attrs, `string[]` narrows it. Maps: `width`/`height` → px (auto-detected unit), `bgcolor``background-color`, `background``background-image: url(...)`, `align``text-align` (or `float`/`margin` on tables), `valign``vertical-align`.
4949

50-
**CSS inline (Juice)** — Maizzle adds: `preferUnitlessValues` (default `true`, e.g. `0px``0`), `safelist`, `customCSS`, `styleToAttribute`, `widthElements` (default `['img','video']`), `heightElements`, `excludedProperties` (default `['--tw-shadow']`), `codeBlocks` (EJS/HBS preserved). Juice keys passed through include `removeStyleTags`, `removeInlinedSelectors` (default `true`), `applyWidth/HeightAttributes`, `inlineDuplicateProperties`.
50+
**CSS inline (Juice)** — Maizzle adds: `preferUnitlessValues` (default `true`, e.g. `0px``0`), `safelist`, `customCSS`, `styleToAttribute`, `widthElements` (default `['img','video']`), `heightElements`, `excludedProperties` (default `['--tw-shadow']`), `codeBlocks` (EJS/HBS preserved). Juice keys passed through include `removeStyleTags`, `removeInlinedSelectors` (default `true`), `applyWidth/HeightAttributes`, `inlineDuplicateProperties` (default `false`). Per-element overrides: `data-juice-duplicates` keeps duplicate same-property declarations on that element (e.g. a `font-size` fallback alongside a modern value), `data-juice-important` toggles `!important` preservation.
5151

5252
**MSO placeholder resolution** — internal step that pins `<Container>`'s MSO `<table>` width and `msoStyle` from the inlined CSS once it's known.
5353

0 commit comments

Comments
 (0)