Revert "v.5.4.2"

SimonPadbury · SimonPadbury · commit 4d30baa3dc90 · 2024-11-11T14:07:12.000Z
This reverts commit be55755.
diff --git a/docs/dist/codebase.css b/docs/dist/codebase.css
diff --git a/docs/dist/codebase.css.map b/docs/dist/codebase.css.map
diff --git a/docs/docs/1-getting-started/accessibility/index.html b/docs/docs/1-getting-started/accessibility/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Getting started</div>
+        <div class="my-1 t-thin t-gray-800">Getting started</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/1-getting-started/css-variables/index.html b/docs/docs/1-getting-started/css-variables/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Getting started</div>
+        <div class="my-1 t-thin t-gray-800">Getting started</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/1-getting-started/element-grid/index.html b/docs/docs/1-getting-started/element-grid/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Getting started</div>
+        <div class="my-1 t-thin t-gray-800">Getting started</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/1-getting-started/improvements-since-codebase-4/index.html b/docs/docs/1-getting-started/improvements-since-codebase-4/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Getting started</div>
+        <div class="my-1 t-thin t-gray-800">Getting started</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/1-getting-started/introduction/index.html b/docs/docs/1-getting-started/introduction/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Getting started</div>
+        <div class="my-1 t-thin t-gray-800">Getting started</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/1-getting-started/responsive-design/index.html b/docs/docs/1-getting-started/responsive-design/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Getting started</div>
+        <div class="my-1 t-thin t-gray-800">Getting started</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/2-classless-basics/block-elements/index.html b/docs/docs/2-classless-basics/block-elements/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Classless basics</div>
+        <div class="my-1 t-thin t-gray-800">Classless basics</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/2-classless-basics/form-elements/index.html b/docs/docs/2-classless-basics/form-elements/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Classless basics</div>
+        <div class="my-1 t-thin t-gray-800">Classless basics</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/2-classless-basics/inline-elements/index.html b/docs/docs/2-classless-basics/inline-elements/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Classless basics</div>
+        <div class="my-1 t-thin t-gray-800">Classless basics</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/2-classless-basics/media/index.html b/docs/docs/2-classless-basics/media/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Classless basics</div>
+        <div class="my-1 t-thin t-gray-800">Classless basics</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/3-layout-utilities/aspect-ratios/index.html b/docs/docs/3-layout-utilities/aspect-ratios/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Layout utilities</div>
+        <div class="my-1 t-thin t-gray-800">Layout utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/3-layout-utilities/blocks/index.html b/docs/docs/3-layout-utilities/blocks/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Layout utilities</div>
+        <div class="my-1 t-thin t-gray-800">Layout utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/3-layout-utilities/containers/index.html b/docs/docs/3-layout-utilities/containers/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Layout utilities</div>
+        <div class="my-1 t-thin t-gray-800">Layout utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/3-layout-utilities/dimensions/index.html b/docs/docs/3-layout-utilities/dimensions/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Layout utilities</div>
+        <div class="my-1 t-thin t-gray-800">Layout utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/3-layout-utilities/flexbox/index.html b/docs/docs/3-layout-utilities/flexbox/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Layout utilities</div>
+        <div class="my-1 t-thin t-gray-800">Layout utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/3-layout-utilities/floats/index.html b/docs/docs/3-layout-utilities/floats/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Layout utilities</div>
+        <div class="my-1 t-thin t-gray-800">Layout utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/3-layout-utilities/grid/index.html b/docs/docs/3-layout-utilities/grid/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Layout utilities</div>
+        <div class="my-1 t-thin t-gray-800">Layout utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/3-layout-utilities/invisibility/index.html b/docs/docs/3-layout-utilities/invisibility/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Layout utilities</div>
+        <div class="my-1 t-thin t-gray-800">Layout utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/3-layout-utilities/overflows/index.html b/docs/docs/3-layout-utilities/overflows/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Layout utilities</div>
+        <div class="my-1 t-thin t-gray-800">Layout utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/3-layout-utilities/positions/index.html b/docs/docs/3-layout-utilities/positions/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Layout utilities</div>
+        <div class="my-1 t-thin t-gray-800">Layout utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/4-decoration-utilities/borders/index.html b/docs/docs/4-decoration-utilities/borders/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Decoration utilities</div>
+        <div class="my-1 t-thin t-gray-800">Decoration utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/4-decoration-utilities/box-shadows/index.html b/docs/docs/4-decoration-utilities/box-shadows/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Decoration utilities</div>
+        <div class="my-1 t-thin t-gray-800">Decoration utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/4-decoration-utilities/colors/index.html b/docs/docs/4-decoration-utilities/colors/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Decoration utilities</div>
+        <div class="my-1 t-thin t-gray-800">Decoration utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/4-decoration-utilities/forms/index.html b/docs/docs/4-decoration-utilities/forms/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Decoration utilities</div>
+        <div class="my-1 t-thin t-gray-800">Decoration utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/4-decoration-utilities/glass/index.html b/docs/docs/4-decoration-utilities/glass/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Decoration utilities</div>
+        <div class="my-1 t-thin t-gray-800">Decoration utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/4-decoration-utilities/images/index.html b/docs/docs/4-decoration-utilities/images/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Decoration utilities</div>
+        <div class="my-1 t-thin t-gray-800">Decoration utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/4-decoration-utilities/rounded-corners/index.html b/docs/docs/4-decoration-utilities/rounded-corners/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Decoration utilities</div>
+        <div class="my-1 t-thin t-gray-800">Decoration utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/4-decoration-utilities/spacing/index.html b/docs/docs/4-decoration-utilities/spacing/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Decoration utilities</div>
+        <div class="my-1 t-thin t-gray-800">Decoration utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/5-typographic-utilities/font-stacks/index.html b/docs/docs/5-typographic-utilities/font-stacks/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Typographic utilities</div>
+        <div class="my-1 t-thin t-gray-800">Typographic utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/5-typographic-utilities/headings/index.html b/docs/docs/5-typographic-utilities/headings/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Typographic utilities</div>
+        <div class="my-1 t-thin t-gray-800">Typographic utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/5-typographic-utilities/inline-text/index.html b/docs/docs/5-typographic-utilities/inline-text/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Typographic utilities</div>
+        <div class="my-1 t-thin t-gray-800">Typographic utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/5-typographic-utilities/list-formats/index.html b/docs/docs/5-typographic-utilities/list-formats/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Typographic utilities</div>
+        <div class="my-1 t-thin t-gray-800">Typographic utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/5-typographic-utilities/making-text-bigger/index.html b/docs/docs/5-typographic-utilities/making-text-bigger/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Typographic utilities</div>
+        <div class="my-1 t-thin t-gray-800">Typographic utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/5-typographic-utilities/text-alignment/index.html b/docs/docs/5-typographic-utilities/text-alignment/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Typographic utilities</div>
+        <div class="my-1 t-thin t-gray-800">Typographic utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/5-typographic-utilities/text-columns/index.html b/docs/docs/5-typographic-utilities/text-columns/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Typographic utilities</div>
+        <div class="my-1 t-thin t-gray-800">Typographic utilities</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/6-simple-components/badges/index.html b/docs/docs/6-simple-components/badges/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Simple components</div>
+        <div class="my-1 t-thin t-gray-800">Simple components</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/6-simple-components/buttons/index.html b/docs/docs/6-simple-components/buttons/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Simple components</div>
+        <div class="my-1 t-thin t-gray-800">Simple components</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/6-simple-components/cards/index.html b/docs/docs/6-simple-components/cards/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Simple components</div>
+        <div class="my-1 t-thin t-gray-800">Simple components</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/6-simple-components/heros/index.html b/docs/docs/6-simple-components/heros/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Simple components</div>
+        <div class="my-1 t-thin t-gray-800">Simple components</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/6-simple-components/labels/index.html b/docs/docs/6-simple-components/labels/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Simple components</div>
+        <div class="my-1 t-thin t-gray-800">Simple components</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/6-simple-components/media-objects/index.html b/docs/docs/6-simple-components/media-objects/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Simple components</div>
+        <div class="my-1 t-thin t-gray-800">Simple components</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/6-simple-components/menus-and-menubars/index.html b/docs/docs/6-simple-components/menus-and-menubars/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Simple components</div>
+        <div class="my-1 t-thin t-gray-800">Simple components</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/6-simple-components/tables/index.html b/docs/docs/6-simple-components/tables/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">Simple components</div>
+        <div class="my-1 t-thin t-gray-800">Simple components</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/7-alpinejs-components/animations/index.html b/docs/docs/7-alpinejs-components/animations/index.html
@@ -515,7 +515,7 @@
     <div class="container-sm py-3 xs:py-6 md:aspect-ratio-3x1 flex flex-column flex-center ">
       <div class="h2 my-0">
         
-        <div class="t-thin t-gray-800">AlpineJS components</div>
+        <div class="my-1 t-thin t-gray-800">AlpineJS components</div>
         
       </div>
       <div class="t-display">
diff --git a/docs/docs/7-alpinejs-components/collapse/index.html b/docs/docs/7-alpinejs-components/collapse/index.html
diff --git a/docs/docs/7-alpinejs-components/dropdowns/index.html b/docs/docs/7-alpinejs-components/dropdowns/index.html
diff --git a/docs/docs/7-alpinejs-components/modals/index.html b/docs/docs/7-alpinejs-components/modals/index.html
diff --git a/docs/docs/7-alpinejs-components/offcanvas/index.html b/docs/docs/7-alpinejs-components/offcanvas/index.html
diff --git a/docs/docs/7-alpinejs-components/slideshows/index.html b/docs/docs/7-alpinejs-components/slideshows/index.html
diff --git a/docs/docs/7-alpinejs-components/tabs/index.html b/docs/docs/7-alpinejs-components/tabs/index.html
diff --git a/src/_includes/layout.njk b/src/_includes/layout.njk
diff --git a/src/codebase/scss/00_setup/_default-variables.scss b/src/codebase/scss/00_setup/_default-variables.scss
diff --git a/src/codebase/scss/01_basics/_text.scss b/src/codebase/scss/01_basics/_text.scss
diff --git a/src/dist/codebase.css b/src/dist/codebase.css
diff --git a/src/dist/codebase.css.map b/src/dist/codebase.css.map
