v.5.3.4

Author: SimonPadbury

docs/docs/1-getting-started/accessibility/index.html

@@ -309,8 +309,8 @@
       <div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
 
         <div class="mb-3 sm:hidden">
-          <div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
-          <div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
+          <div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
+          <div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
         </div>
 
         <p class="h5 mb-2 t-semibold">Documentation</p>
@@ -686,10 +686,10 @@ <h3 id="apps-and-browser-extensions" tabindex="-1">Apps and browser extensions</
       <hr>
       <nav class="list-style-type-none mb-0 pl-0 flex flex-wrap flex-grow-auto col-gap-4">
 
-        <li class="py-1"><a class="inline-block t-decoration-none t-gray-900 hover:t-black float-left" href="/codebase-5/docs/1-getting-started/improvements-since-codebase-4">❮ Improvements since Codebase 4</a></li>
+        <li class="py-1"><a class="inline-block t-underline-hover-only t-gray-900 hover:t-black float-left" href="/codebase-5/docs/1-getting-started/improvements-since-codebase-4">❮ Improvements since Codebase 4</a></li>
 
 
-        <li class="py-1 t-right"><a class="inline-block t-decoration-none t-gray-900 hover:t-black float-right" href="/codebase-5/docs/2-classless-basics/block-elements">Block elements ❯</a></li>
+        <li class="py-1 t-right"><a class="inline-block t-underline-hover-only t-gray-900 hover:t-black float-right" href="/codebase-5/docs/2-classless-basics/block-elements">Block elements ❯</a></li>
 
       </nav>
     </div>
@@ -699,7 +699,7 @@ <h3 id="apps-and-browser-extensions" tabindex="-1">Apps and browser extensions</
 
 <footer class="relative py-3 bg-gray-900 t-center t-gray-400">
   <p class="sm:mt-3">
-    <a id="site-footer-title" class="h3 inline-block t-decoration-none t-white hover:t-white" href="/codebase-5/">
+    <a id="site-footer-title" class="h3 inline-block t-no-underline t-white hover:t-white" href="/codebase-5/">
       <span class="inline-flex flex-column flex-middle flex-center">
         <!-- Codebase logo -->
         <svg style="height: 60px;" viewBox="0 0 340 180" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-miterlimit="2"><path d="M195.956 115.956c14.059-14.059 36.853-14.059 50.912 0 14.058 14.059 14.058 36.853 0 50.912L323.235 90.5l-76.367-76.368c14.058 14.059 14.058 36.853 0 50.912-14.059 14.059-36.853 14.059-50.912 0-14.059-14.059-36.853-14.059-50.912 0-14.059 14.059-14.059 36.853 0 50.912 14.059 14.059 36.853 14.059 50.912 0M17.765 90.5l76.367-76.368c-42.176 42.177-42.176 110.559 0 152.736L17.765 90.5z" fill-rule="nonzero" fill="currentColor" stroke="currentColor" stroke-width="10"></path></svg>

docs/docs/1-getting-started/css-variables/index.html

@@ -309,8 +309,8 @@
       <div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
 
         <div class="mb-3 sm:hidden">
-          <div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
-          <div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
+          <div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
+          <div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
         </div>
 
         <p class="h5 mb-2 t-semibold">Documentation</p>
@@ -576,10 +576,10 @@ <h3 id="example%3A-how-codebase-uses-color-variables" tabindex="-1">Example: How
       <hr>
       <nav class="list-style-type-none mb-0 pl-0 flex flex-wrap flex-grow-auto col-gap-4">
 
-        <li class="py-1"><a class="inline-block t-decoration-none t-gray-900 hover:t-black float-left" href="/codebase-5/docs/1-getting-started/element-grid">❮ Element grid</a></li>
+        <li class="py-1"><a class="inline-block t-underline-hover-only t-gray-900 hover:t-black float-left" href="/codebase-5/docs/1-getting-started/element-grid">❮ Element grid</a></li>
 
 
-        <li class="py-1 t-right"><a class="inline-block t-decoration-none t-gray-900 hover:t-black float-right" href="/codebase-5/docs/1-getting-started/improvements-since-codebase-4">Improvements since Codebase 4 ❯</a></li>
+        <li class="py-1 t-right"><a class="inline-block t-underline-hover-only t-gray-900 hover:t-black float-right" href="/codebase-5/docs/1-getting-started/improvements-since-codebase-4">Improvements since Codebase 4 ❯</a></li>
 
       </nav>
     </div>
@@ -589,7 +589,7 @@ <h3 id="example%3A-how-codebase-uses-color-variables" tabindex="-1">Example: How
 
 <footer class="relative py-3 bg-gray-900 t-center t-gray-400">
   <p class="sm:mt-3">
-    <a id="site-footer-title" class="h3 inline-block t-decoration-none t-white hover:t-white" href="/codebase-5/">
+    <a id="site-footer-title" class="h3 inline-block t-no-underline t-white hover:t-white" href="/codebase-5/">
       <span class="inline-flex flex-column flex-middle flex-center">
         <!-- Codebase logo -->
         <svg style="height: 60px;" viewBox="0 0 340 180" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-miterlimit="2"><path d="M195.956 115.956c14.059-14.059 36.853-14.059 50.912 0 14.058 14.059 14.058 36.853 0 50.912L323.235 90.5l-76.367-76.368c14.058 14.059 14.058 36.853 0 50.912-14.059 14.059-36.853 14.059-50.912 0-14.059-14.059-36.853-14.059-50.912 0-14.059 14.059-14.059 36.853 0 50.912 14.059 14.059 36.853 14.059 50.912 0M17.765 90.5l76.367-76.368c-42.176 42.177-42.176 110.559 0 152.736L17.765 90.5z" fill-rule="nonzero" fill="currentColor" stroke="currentColor" stroke-width="10"></path></svg>

docs/docs/1-getting-started/element-grid/index.html

@@ -309,8 +309,8 @@
       <div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
 
         <div class="mb-3 sm:hidden">
-          <div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
-          <div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
+          <div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
+          <div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
         </div>
 
         <p class="h5 mb-2 t-semibold">Documentation</p>
@@ -596,10 +596,10 @@ <h2 id="utility-class-spacing" tabindex="-1">Utility class spacing</h2>
       <hr>
       <nav class="list-style-type-none mb-0 pl-0 flex flex-wrap flex-grow-auto col-gap-4">
 
-        <li class="py-1"><a class="inline-block t-decoration-none t-gray-900 hover:t-black float-left" href="/codebase-5/docs/1-getting-started/responsive-design">❮ Responsive design</a></li>
+        <li class="py-1"><a class="inline-block t-underline-hover-only t-gray-900 hover:t-black float-left" href="/codebase-5/docs/1-getting-started/responsive-design">❮ Responsive design</a></li>
 
 
-        <li class="py-1 t-right"><a class="inline-block t-decoration-none t-gray-900 hover:t-black float-right" href="/codebase-5/docs/1-getting-started/css-variables">CSS variables ❯</a></li>
+        <li class="py-1 t-right"><a class="inline-block t-underline-hover-only t-gray-900 hover:t-black float-right" href="/codebase-5/docs/1-getting-started/css-variables">CSS variables ❯</a></li>
 
       </nav>
     </div>
@@ -609,7 +609,7 @@ <h2 id="utility-class-spacing" tabindex="-1">Utility class spacing</h2>
 
 <footer class="relative py-3 bg-gray-900 t-center t-gray-400">
   <p class="sm:mt-3">
-    <a id="site-footer-title" class="h3 inline-block t-decoration-none t-white hover:t-white" href="/codebase-5/">
+    <a id="site-footer-title" class="h3 inline-block t-no-underline t-white hover:t-white" href="/codebase-5/">
       <span class="inline-flex flex-column flex-middle flex-center">
         <!-- Codebase logo -->
         <svg style="height: 60px;" viewBox="0 0 340 180" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-miterlimit="2"><path d="M195.956 115.956c14.059-14.059 36.853-14.059 50.912 0 14.058 14.059 14.058 36.853 0 50.912L323.235 90.5l-76.367-76.368c14.058 14.059 14.058 36.853 0 50.912-14.059 14.059-36.853 14.059-50.912 0-14.059-14.059-36.853-14.059-50.912 0-14.059 14.059-14.059 36.853 0 50.912 14.059 14.059 36.853 14.059 50.912 0M17.765 90.5l76.367-76.368c-42.176 42.177-42.176 110.559 0 152.736L17.765 90.5z" fill-rule="nonzero" fill="currentColor" stroke="currentColor" stroke-width="10"></path></svg>

docs/docs/1-getting-started/improvements-since-codebase-4/index.html

@@ -309,8 +309,8 @@
       <div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
 
         <div class="mb-3 sm:hidden">
-          <div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
-          <div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
+          <div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
+          <div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
         </div>
 
         <p class="h5 mb-2 t-semibold">Documentation</p>
@@ -610,10 +610,10 @@ <h2 id="gulp-is-no-longer-required" tabindex="-1">Gulp is no longer required</h2
       <hr>
       <nav class="list-style-type-none mb-0 pl-0 flex flex-wrap flex-grow-auto col-gap-4">
 
-        <li class="py-1"><a class="inline-block t-decoration-none t-gray-900 hover:t-black float-left" href="/codebase-5/docs/1-getting-started/css-variables">❮ CSS variables</a></li>
+        <li class="py-1"><a class="inline-block t-underline-hover-only t-gray-900 hover:t-black float-left" href="/codebase-5/docs/1-getting-started/css-variables">❮ CSS variables</a></li>
 
 
-        <li class="py-1 t-right"><a class="inline-block t-decoration-none t-gray-900 hover:t-black float-right" href="/codebase-5/docs/1-getting-started/accessibility">Accessibility ❯</a></li>
+        <li class="py-1 t-right"><a class="inline-block t-underline-hover-only t-gray-900 hover:t-black float-right" href="/codebase-5/docs/1-getting-started/accessibility">Accessibility ❯</a></li>
 
       </nav>
     </div>
@@ -623,7 +623,7 @@ <h2 id="gulp-is-no-longer-required" tabindex="-1">Gulp is no longer required</h2
 
 <footer class="relative py-3 bg-gray-900 t-center t-gray-400">
   <p class="sm:mt-3">
-    <a id="site-footer-title" class="h3 inline-block t-decoration-none t-white hover:t-white" href="/codebase-5/">
+    <a id="site-footer-title" class="h3 inline-block t-no-underline t-white hover:t-white" href="/codebase-5/">
       <span class="inline-flex flex-column flex-middle flex-center">
         <!-- Codebase logo -->
         <svg style="height: 60px;" viewBox="0 0 340 180" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-miterlimit="2"><path d="M195.956 115.956c14.059-14.059 36.853-14.059 50.912 0 14.058 14.059 14.058 36.853 0 50.912L323.235 90.5l-76.367-76.368c14.058 14.059 14.058 36.853 0 50.912-14.059 14.059-36.853 14.059-50.912 0-14.059-14.059-36.853-14.059-50.912 0-14.059 14.059-14.059 36.853 0 50.912 14.059 14.059 36.853 14.059 50.912 0M17.765 90.5l76.367-76.368c-42.176 42.177-42.176 110.559 0 152.736L17.765 90.5z" fill-rule="nonzero" fill="currentColor" stroke="currentColor" stroke-width="10"></path></svg>

docs/docs/1-getting-started/introduction/index.html

@@ -309,8 +309,8 @@
       <div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
 
         <div class="mb-3 sm:hidden">
-          <div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
-          <div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
+          <div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
+          <div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
         </div>
 
         <p class="h5 mb-2 t-semibold">Documentation</p>
@@ -629,7 +629,7 @@ <h2 id="browser-support" tabindex="-1">Browser support</h2>
       <nav class="list-style-type-none mb-0 pl-0 flex flex-wrap flex-grow-auto col-gap-4">
 
 
-        <li class="py-1 t-right"><a class="inline-block t-decoration-none t-gray-900 hover:t-black float-right" href="/codebase-5/docs/1-getting-started/responsive-design">Responsive design ❯</a></li>
+        <li class="py-1 t-right"><a class="inline-block t-underline-hover-only t-gray-900 hover:t-black float-right" href="/codebase-5/docs/1-getting-started/responsive-design">Responsive design ❯</a></li>
 
       </nav>
     </div>
@@ -639,7 +639,7 @@ <h2 id="browser-support" tabindex="-1">Browser support</h2>
 
 <footer class="relative py-3 bg-gray-900 t-center t-gray-400">
   <p class="sm:mt-3">
-    <a id="site-footer-title" class="h3 inline-block t-decoration-none t-white hover:t-white" href="/codebase-5/">
+    <a id="site-footer-title" class="h3 inline-block t-no-underline t-white hover:t-white" href="/codebase-5/">
       <span class="inline-flex flex-column flex-middle flex-center">
         <!-- Codebase logo -->
         <svg style="height: 60px;" viewBox="0 0 340 180" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-miterlimit="2"><path d="M195.956 115.956c14.059-14.059 36.853-14.059 50.912 0 14.058 14.059 14.058 36.853 0 50.912L323.235 90.5l-76.367-76.368c14.058 14.059 14.058 36.853 0 50.912-14.059 14.059-36.853 14.059-50.912 0-14.059-14.059-36.853-14.059-50.912 0-14.059 14.059-14.059 36.853 0 50.912 14.059 14.059 36.853 14.059 50.912 0M17.765 90.5l76.367-76.368c-42.176 42.177-42.176 110.559 0 152.736L17.765 90.5z" fill-rule="nonzero" fill="currentColor" stroke="currentColor" stroke-width="10"></path></svg>

docs/docs/1-getting-started/responsive-design/index.html

@@ -309,8 +309,8 @@
       <div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
 
         <div class="mb-3 sm:hidden">
-          <div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
-          <div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
+          <div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
+          <div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
         </div>
 
         <p class="h5 mb-2 t-semibold">Documentation</p>
@@ -669,10 +669,10 @@ <h2 id="infographic%3A-responsive-css-classes-in-codebase" tabindex="-1">Infogra
       <hr>
       <nav class="list-style-type-none mb-0 pl-0 flex flex-wrap flex-grow-auto col-gap-4">
 
-        <li class="py-1"><a class="inline-block t-decoration-none t-gray-900 hover:t-black float-left" href="/codebase-5/docs/1-getting-started/introduction">❮ Introduction</a></li>
+        <li class="py-1"><a class="inline-block t-underline-hover-only t-gray-900 hover:t-black float-left" href="/codebase-5/docs/1-getting-started/introduction">❮ Introduction</a></li>
 
 
-        <li class="py-1 t-right"><a class="inline-block t-decoration-none t-gray-900 hover:t-black float-right" href="/codebase-5/docs/1-getting-started/element-grid">Element grid ❯</a></li>
+        <li class="py-1 t-right"><a class="inline-block t-underline-hover-only t-gray-900 hover:t-black float-right" href="/codebase-5/docs/1-getting-started/element-grid">Element grid ❯</a></li>
 
       </nav>
     </div>
@@ -682,7 +682,7 @@ <h2 id="infographic%3A-responsive-css-classes-in-codebase" tabindex="-1">Infogra
 
 <footer class="relative py-3 bg-gray-900 t-center t-gray-400">
   <p class="sm:mt-3">
-    <a id="site-footer-title" class="h3 inline-block t-decoration-none t-white hover:t-white" href="/codebase-5/">
+    <a id="site-footer-title" class="h3 inline-block t-no-underline t-white hover:t-white" href="/codebase-5/">
       <span class="inline-flex flex-column flex-middle flex-center">
         <!-- Codebase logo -->
         <svg style="height: 60px;" viewBox="0 0 340 180" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-miterlimit="2"><path d="M195.956 115.956c14.059-14.059 36.853-14.059 50.912 0 14.058 14.059 14.058 36.853 0 50.912L323.235 90.5l-76.367-76.368c14.058 14.059 14.058 36.853 0 50.912-14.059 14.059-36.853 14.059-50.912 0-14.059-14.059-36.853-14.059-50.912 0-14.059 14.059-14.059 36.853 0 50.912 14.059 14.059 36.853 14.059 50.912 0M17.765 90.5l76.367-76.368c-42.176 42.177-42.176 110.559 0 152.736L17.765 90.5z" fill-rule="nonzero" fill="currentColor" stroke="currentColor" stroke-width="10"></path></svg>