Replace outer-grid utilities with stack utilities

robdekort · robdekort · commit 2828cc7a51c4 · 2023-12-01T10:26:52.000+01:00
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>

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@`
`41`	`41`	`}`
`42`	`42`	`</script>`
`43`	`43`
`44`		`-<main class="outer-grid" id="content">`
	`44`	`+<main class="py-12 md:py-16 lg:py-24 stack-12 md:stack-16 lg:stack-24" id="content">`
`45`	`45`	`<section class="fluid-container grid md:grid-cols-12 gap-8 lg:-mb-12">`
`46`	`46`	`<header class="md:col-span-8 md:col-start-3">`
`47`	`47`	`{{ partial:typography/h1 :content="title" class="mt-4 text-center" }}`
Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@`
`30`	`30`	`}`
`31`	`31`	`}`
`32`	`32`	`</script>`
`33`		`-<main class="outer-grid" id="content">`
	`33`	`+<main class="py-12 md:py-16 lg:py-24 stack-12 md:stack-16 lg:stack-24" id="content">`
`34`	`34`	`<div class="fluid-container grid md:grid-cols-12 gap-8 lg:-mb-12">`
`35`	`35`	`<header class="md:col-span-8 md:col-start-3">`
`36`	`36`	`{{ partial:typography/time :content="date" class="block text-center" }}`
Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@`
`42`	`42`	`}`
`43`	`43`	`</script>`
`44`	`44`
`45`		`-<main class="outer-grid" id="content">`
	`45`	`+<main class="py-12 md:py-16 lg:py-24 stack-12 md:stack-16 lg:stack-24" id="content">`
`46`	`46`	`<section class="fluid-container grid md:grid-cols-12 gap-12">`
`47`	`47`	`{{ partial:typography/h1 :content="title" class="md:col-span-12" }}`
`48`	`48`