maizzle/framework v6.0.0-1

on GitHub

This release fixes some issues with CSS syntax lowering (we're now using Lightning CSS directly and only for <style> tags). Lightning is now also configurable under css.lightningcss. We've also made media query combining configurable through the css.combineMediaQueries option in your config.js.

In order to have Tailwind CSS Intellisense working, we need to add a CSS file that imports Tailwind in the project.

So if you've already started using the next branch of the Starter, you need to make these 2 changes:

1. Create a tailwind.css file at the root of your project, paste this in:

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

2. Update layouts/main.html:

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

   You may use a <link> tag if you prefer:

   + <link rel="stylesheet" href="tailwind.css" inline>
   - <style>
   - @import "@maizzle/tailwindcss";
   - 
   - img {
   - 		@apply max-w-full align-middle;
   - 	}
   - </style>

   Note: the inline attribute is important here, otherwise Tailwind will not be compiled and expanded into a <style> tag.

• feat: configurable media query combining 3737e1c
• refactor: css syntax lowering 09092ea
• fix: skip unsupported selectors in inliner optimizations 7800ef4

v6.0.0-0...v6.0.0-1