maizzle/framework v6.0.0-0

on GitHub

This release adds initial support for Tailwind CSS v4 in Maizzle.

To jump right in, simply use the next branch of the Starter:

git clone -b next https://github.com/maizzle/maizzle.git

Or, if you have a project:

1. Update package.json:

   {
     "private": true,
     "type": "module",
     "scripts": {
       "dev": "maizzle serve",
       "build": "maizzle build"
     },
     "dependencies": {
       "@maizzle/framework": "next",
       "@maizzle/tailwindcss": "latest"
     }
   }

2. Do a clean re-install

   # Remove any existing dependencies in project folder
   rm -rf node_modules package-lock.json
   
   # Re-install dependencies
   npm install

3. Update the style tag in layouts/main.html:

   <style>
   	@import "@maizzle/tailwindcss";
   
   	img {
   		@apply max-w-full align-middle;
   	}
   </style>

There are still things missign and/or broken:

• inline CSS like the line-height on spacers is broken/missing
• tailwindcss-email-variants and tailwindcss-mso are not ported yet
• some CSS duplication and artifacts still present in the final build

• feat: add tailwindcss v4 support 8b5596e

v5.2.1...v6.0.0-0