Replace outer-grid utilities with stack utilities

studio1902 · Dec 1, 2023 · 2828cc7 · 2828cc7
1 parent bfe91ad
commit 2828cc7
Show file tree

Hide file tree

Showing 10 changed files with 14 additions and 9 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changelog
 
+## v3.0.0 (2023-12-01)
+
+### What's new
+- Replace `outer-grid` with `stack` utilities in all stubs. See [this PR](https://github.com/studio1902/statamic-peak/pull/363) for more information. 7a631585 by @robdekort
+
 ## v2.7.0 (2023-11-17)
 
 ### What's new

diff --git a/resources/stubs/index.antlers.html.stub b/resources/stubs/index.antlers.html.stub
@@ -4,7 +4,7 @@
 #}}
 
 <!-- /{{ filename }}/index.antlers.html -->
-<main class="outer-grid" id="content">
+<main class="py-12 md:py-16 lg:py-24 stack-12 md:stack-16 lg:stack-24" id="content">
     {{ page_builder scope="block" }}
         {{ partial src="page_builder/{type}" }}
     {{ /page_builder }}

diff --git a/resources/stubs/presets/events/index.antlers.html.stub b/resources/stubs/presets/events/index.antlers.html.stub
@@ -4,7 +4,7 @@
 #}}
 
 <!-- /{{ handle }}/index.antlers.html -->
-<main class="outer-grid" id="content">
+<main class="py-12 md:py-16 lg:py-24 stack-12 md:stack-16 lg:stack-24" id="content">
     {{ page_builder scope="block" }}
         {{ partial src="page_builder/{type}" }}
     {{ /page_builder }}

diff --git a/resources/stubs/presets/events/show.antlers.html.stub b/resources/stubs/presets/events/show.antlers.html.stub
@@ -41,7 +41,7 @@
     }
 </script>
 
-<main class="outer-grid" id="content">
+<main class="py-12 md:py-16 lg:py-24 stack-12 md:stack-16 lg:stack-24" id="content">
     <section class="fluid-container grid md:grid-cols-12 gap-8 lg:-mb-12">
         <header class="md:col-span-8 md:col-start-3">
             {{ partial:typography/h1 :content="title" class="mt-4 text-center" }}

diff --git a/resources/stubs/presets/news/index.antlers.html.stub b/resources/stubs/presets/news/index.antlers.html.stub
@@ -4,7 +4,7 @@
 #}}
 
 <!-- /{{ handle }}/index.antlers.html -->
-<main class="outer-grid" id="content">
+<main class="py-12 md:py-16 lg:py-24 stack-12 md:stack-16 lg:stack-24" id="content">
     {{ page_builder scope="block" }}
         {{ partial src="page_builder/{type}" }}
     {{ /page_builder }}

diff --git a/resources/stubs/presets/news/show.antlers.html.stub b/resources/stubs/presets/news/show.antlers.html.stub
@@ -30,7 +30,7 @@
         }
     }
 </script>
-<main class="outer-grid" id="content">
+<main class="py-12 md:py-16 lg:py-24 stack-12 md:stack-16 lg:stack-24" id="content">
     <div class="fluid-container grid md:grid-cols-12 gap-8 lg:-mb-12">
         <header class="md:col-span-8 md:col-start-3">
             {{ partial:typography/time :content="date" class="block text-center" }}

diff --git a/resources/stubs/presets/search/search.antlers.html.stub b/resources/stubs/presets/search/search.antlers.html.stub
@@ -9,7 +9,7 @@
 {{ /section:seo_title }}
 
 <!-- /search.antlers.html -->
-<main class="outer-grid" id="content">
+<main class="py-12 md:py-16 lg:py-24 stack-12 md:stack-16 lg:stack-24" id="content">
     <section class="fluid-container grid grid-cols-12 gap-y-6">
         <div class="col-span-12 md:col-span-8 md:col-start-3">
             {{ partial:typography/h1 class="mb-2" content="{trans:strings.search_results_for} &OpenCurlyDoubleQuote;<span class='italic'>{get:q}</span>&CloseCurlyDoubleQuote;" }}

diff --git a/resources/stubs/presets/vacancies/index.antlers.html.stub b/resources/stubs/presets/vacancies/index.antlers.html.stub
@@ -4,7 +4,7 @@
 #}}
 
 <!-- /{{ handle }}/index.antlers.html -->
-<main class="outer-grid" id="content">
+<main class="py-12 md:py-16 lg:py-24 stack-12 md:stack-16 lg:stack-24" id="content">
     {{ page_builder scope="block" }}
         {{ partial src="page_builder/{type}" }}
     {{ /page_builder }}

diff --git a/resources/stubs/presets/vacancies/show.antlers.html.stub b/resources/stubs/presets/vacancies/show.antlers.html.stub
@@ -42,7 +42,7 @@
     }
 </script>
 
-<main class="outer-grid" id="content">
+<main class="py-12 md:py-16 lg:py-24 stack-12 md:stack-16 lg:stack-24" id="content">
     <section class="fluid-container grid md:grid-cols-12 gap-12">
         {{ partial:typography/h1 :content="title" class="md:col-span-12" }}
 

diff --git a/resources/stubs/show.antlers.html.stub b/resources/stubs/show.antlers.html.stub
@@ -4,7 +4,7 @@
 #}}
 
 <!-- /{{ filename }}/show.antlers.html -->
-<main class="outer-grid" id="content">
+<main class="py-12 md:py-16 lg:py-24 stack-12 md:stack-16 lg:stack-24" id="content">
     <div class="fluid-container">
         {{ partial:typography/h1 :content="title" }}
     </div>