Upgrade to Tailwind 1.7

row-gap and col-gap utilities are now deprecated
studio1902 · Aug 18, 2020 · 77a8fd6 · 77a8fd6
1 parent dbda1e3
commit 77a8fd6
Show file tree

Hide file tree

Showing 10 changed files with 53 additions and 51 deletions.
diff --git a/composer.lock b/composer.lock
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,7 +14,7 @@
     "@tailwindcss/typography": "^0.2.0",
     "@tailwindcss/custom-forms": "^0.2.1",
     "alpinejs": "^2.6.0",
-    "tailwindcss": "^1.6.2"
+    "tailwindcss": "^1.7.0"
   },
   "devDependencies": {
     "autoprefixer": "^9.8.6",

diff --git a/resources/views/errors/404.antlers.html b/resources/views/errors/404.antlers.html
@@ -1,6 +1,6 @@
 {{# The 404 page taking it's content from the configuration global. #}}
 <main class="outer-grid">
-    <article class="fluid-container grid md:grid-cols-12 row-gap-4">
+    <article class="fluid-container grid md:grid-cols-12 gap-y-4">
         <div class="col-span-12">
             {{ partial:typography/h1 class="mb-4" :content="configuration:404_title" }}
             {{ partial:typography/paragraph :content="configuration:404_text" }}

diff --git a/resources/views/page_builder/_article.antlers.html b/resources/views/page_builder/_article.antlers.html
@@ -1,5 +1,5 @@
 {{# The article (Bard) content block with set support. #}}
-<article class="fluid-container grid grid-cols-12 row-gap-4 prose">
+<article class="fluid-container grid grid-cols-12 gap-y-4 prose">
     {{ bard scope="set" }}
         {{ partial src="components/{type}" }}
     {{ /bard }}

diff --git a/resources/views/page_builder/_call_to_action.antlers.html b/resources/views/page_builder/_call_to_action.antlers.html
@@ -1,5 +1,5 @@
 {{# The call to action content block. #}}
-<section class="fluid-container grid md:grid-cols-12 row-gap-8 md:gap-8">
+<section class="fluid-container grid md:grid-cols-12 gap-y-8 md:gap-8">
     <div class="col-start-3 col-span-8">
         {{ if block:title }}
             {{ partial:typography/h2 class="mb-4" :content="block:title" }}

diff --git a/resources/views/page_builder/_collection.antlers.html b/resources/views/page_builder/_collection.antlers.html
@@ -1,5 +1,5 @@
 {{# The collection content block with optional title. #}}
-<section class="fluid-container grid md:grid-cols-12 row-gap-8 md:gap-8">
+<section class="fluid-container grid md:grid-cols-12 gap-y-8 md:gap-8">
     <div class="col-start-3 col-span-8">
         {{ if block:title }}
             {{ partial:typography/h2 class="mb-4" :content="block:title" }}

diff --git a/resources/views/page_builder/_form_contact.antlers.html b/resources/views/page_builder/_form_contact.antlers.html
@@ -1,5 +1,5 @@
 {{# The contact form content block. #}}
-<section class="fluid-container grid md:grid-cols-12 row-gap-8 md:gap-8">
+<section class="fluid-container grid md:grid-cols-12 gap-y-8 md:gap-8">
     <div class="col-start-3 col-span-8">
         {{ if block:title }}
             {{ partial:typography/h2 class="mb-4" :content="block:title" }}

diff --git a/resources/views/page_builder/_link_blocks.antlers.html b/resources/views/page_builder/_link_blocks.antlers.html
@@ -1,5 +1,5 @@
 {{# The link blocks content block. #}}
-<section class="fluid-container grid md:grid-cols-12 row-gap-8 md:gap-8">
+<section class="fluid-container grid md:grid-cols-12 gap-y-8 md:gap-8">
     <div class="col-start-3 col-span-8 text-center">
         {{ if block:title }}
             {{ partial:typography/h2 :content="block:title" }}

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -11,6 +11,9 @@ const defaultTheme = require('tailwindcss/defaultTheme')
 const plugin = require('tailwindcss/plugin')
 
 module.exports = {
+  future: {
+    removeDeprecatedGapUtilities: true,
+  },
   purge: {
     content: [
       './resources/views/**/*.html',