Merge main

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## v15.9.0 (2023-09-29)
+
+### What's improved
+- Prevent Tailwind compilation bug by using attribute selectors in the Peak outer grid config. b0bfccbe by @robdekort
+
 ## v15.8.0 (2023-09-26)
 
 ### What's changed

package.json

@@ -17,13 +17,13 @@
     "focus-visible": "^5.2.0"
   },
   "devDependencies": {
-    "@csstools/postcss-oklab-function": "^3.0.3",
+    "@csstools/postcss-oklab-function": "^3.0.5",
     "@tailwindcss/forms": "^0.5.6",
     "@tailwindcss/typography": "^0.5.10",
-    "autoprefixer": "10.4.15",
+    "autoprefixer": "10.4.16",
     "glob-all": "^3.3.1",
-    "laravel-vite-plugin": "^0.8.0",
-    "postcss": "^8.4.29",
+    "laravel-vite-plugin": "^0.8.1",
+    "postcss": "^8.4.31",
     "postcss-focus-visible": "^9.0.0",
     "postcss-import": "^15.1.0",
     "resolve-url-loader": "^5.0.0",

public/build/manifest.json

@@ -1,6 +1,6 @@
 {
   "resources/css/site.css": {
-    "file": "assets/site-352d69d2.css",
+    "file": "assets/site-ca940ca4.css",
     "isEntry": true,
     "src": "resources/css/site.css"
   },

tailwind.config.peak.js

@@ -147,7 +147,7 @@ module.exports = {
           // If the last child of the outer grid is full width (e.g. when it has a full width
           // colored background), give it negative margin bottom to get it flush to your
           // sites footer.
-          '& > *:last-child.w-full': {
+          '&>*:last-child:is([class~="w-full"])': {
             marginBottom: `-${theme('spacing.12')}`,
           },
         },
@@ -157,7 +157,7 @@ module.exports = {
             rowGap: theme('spacing.16'),
             paddingTop: theme('spacing.16'),
             paddingBottom: theme('spacing.16'),
-            '& > *:last-child.w-full': {
+            '&>*:last-child:is([class~="w-full"])': {
               marginBottom: `-${theme('spacing.16')}`,
             },
           },
@@ -174,7 +174,7 @@ module.exports = {
             rowGap: theme('spacing.24'),
             paddingTop: theme('spacing.24'),
             paddingBottom: theme('spacing.24'),
-            '& > *:last-child.w-full': {
+            '&>*:last-child:is([class~="w-full"])': {
               marginBottom: `-${theme('spacing.24')}`,
             },
           },