Merge branch 'docs' of https://github.com/mdbootstrap/Tailwind-Elements…

… into v1.0.0-beta2
mdbootstrap · Apr 6, 2023 · fc32a80 · fc32a80
2 parents 11cb958 + 71d5488
commit fc32a80
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 34 deletions.
diff --git a/site/content/_index.html b/site/content/_index.html
@@ -13,7 +13,7 @@
 
 <!-- Section: Intro -->
 <section
-  class="mx-auto mb-[64px] mt-24 pb-[64px] min-[576px]:max-w-[540px] min-[768px]:max-w-[720px] min-[992px]:max-w-[960px] min-[1200px]:max-w-[1140px] min-[1400px]:max-w-[1320px]">
+  class="mx-auto mb-[64px] mt-12 pb-[64px] min-[576px]:max-w-[540px] min-[768px]:max-w-[720px] min-[992px]:max-w-[960px] min-[1200px]:max-w-[1140px] min-[1400px]:max-w-[1320px]">
   <div class="grid grid-cols-1 items-center pt-6 lg:grid-cols-12">
     <div class="relative mx-3 text-center lg:col-span-5 lg:text-left">
       <div>

diff --git a/site/content/docs/standard/extended/_index.html b/site/content/docs/standard/extended/_index.html
@@ -186,7 +186,7 @@ <h5 class="my-1 text-lg font-bold">Overflow hidden</h5>
 
       <a
         href="/docs/standard/extended/position-absolute/"
-        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Position absolute"
         data-desc="Use responsive Position absolute utilities with Tailwind Elements. Learn to place an element outside of the normal document flow in simple way.">
@@ -200,7 +200,7 @@ <h5 class="my-1 text-lg font-bold">Position absolute</h5>
 
       <a
         href="/docs/standard/extended/position-fixed/"
-        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Position fixed"
         data-desc="Use responsive Position fixed utilities with Tailwind Elements. A simple example of creating an element with a fixed position and its use.">
@@ -214,7 +214,7 @@ <h5 class="my-1 text-lg font-bold">Position fixed</h5>
 
       <a
         href="/docs/standard/extended/position-relative/"
-        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Position relative"
         data-desc="Use responsive Position relative utilities with Tailwind Elements. A tutorial on how to position the element according to the normal flow of the document.">
@@ -256,7 +256,7 @@ <h5 class="my-1 text-lg font-bold">Sticky header</h5>
 
       <a
         href="/docs/standard/extended/switcher/"
-        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Switcher"
         data-desc="Use responsive switch component with helper examples for toggle buttons & checkbox switches, all with dark mode support. See examples & use them for free.">
@@ -296,7 +296,7 @@ <h5 class="my-1 text-lg font-bold">Text color</h5>
 
       <a
         href="/docs/standard/extended/text-decoration/"
-        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Text decoration"
         data-desc="Use responsive Text decoration utilities with Tailwind Elements. Add flair to your text with decoration styles like underline, overline, and line-through.">
@@ -310,7 +310,7 @@ <h5 class="my-1 text-lg font-bold">Text decoration</h5>
 
       <a
         href="/docs/standard/extended/text-ellipsis/"
-        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Text ellipsis"
         data-desc="Use responsive Text ellipsis utilities with Tailwind Elements. Learn how to truncate overflowing text with an ellipsis.">
@@ -336,7 +336,7 @@ <h5 class="my-1 text-lg font-bold">Text size</h5>
 
       <a
         href="/docs/standard/extended/text-wrap/"
-        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Text wrap"
         data-desc="Use responsive Text wrap utilities with Tailwind Elements. Learn how to wrap text so they don't overflow their container.">
@@ -349,7 +349,7 @@ <h5 class="my-1 text-lg font-bold">Text wrap</h5>
 
       <a
         href="/docs/standard/extended/vertically-align-text/"
-        class="-mt-[1px] block border py-2 px-6 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
+        class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Vertically align text"
         data-desc="Use responsive vertically align text utilities with Tailwind Elements. Learn how to align text vertically in a simple way.">

diff --git a/site/layouts/docs/single.html b/site/layouts/docs/single.html
@@ -195,7 +195,7 @@
             <!-- Sidebar  -->
             {{ if $scrollspy_file_exists }}
               <div class="hidden px-4 lg:block lg:w-1/5">
-                <menu class="sticky top-10">
+                <menu class="sticky top-20">
                   <div
                     class="relative mb-4 hidden h-[190px] delay-[0] duration-500 xl:block"
                     id="dpl-gtm-scroll">

diff --git a/site/layouts/partials/header/header.html b/site/layouts/partials/header/header.html
@@ -4,34 +4,30 @@
 <nav
   class="{{ if and (ne $hidden_sidenav true) (ne .IsHome true) }}
     xl:pl-60
-  {{ end }} {{ if eq .IsHome true }}
-    fixed top-0 left-0 z-50 w-full bg-white dark:bg-neutral-800
-  {{ end }} shadow">
+  {{ end }} sticky top-0 left-0 z-50 w-full bg-white shadow dark:bg-neutral-800">
   <div class="px-3">
     <div class="relative flex h-[58px] items-center justify-between">
       <div class="flex flex-1 items-center sm:items-stretch sm:justify-start">
         <div class="flex flex-shrink-0 items-center">
-          {{ if ne .IsHome true }}
-            <div
-              id="hamburger"
-              class="{{ if ne $hidden_sidenav true }}
-                xl:hidden
-              {{ end }} mr-4 flex text-neutral-400"
-              data-te-sidenav-toggle-ref
-              data-te-target="#sidenav-main">
-              <a href="#" class="text-neutral-400">
-                <svg
-                  fill="hsl(224, 7.2%, 40%)"
-                  viewBox="0 0 100 80"
-                  width="20"
-                  height="20">
-                  <rect width="80" height="14"></rect>
-                  <rect y="30" width="80" height="14"></rect>
-                  <rect y="60" width="80" height="14"></rect>
-                </svg>
-              </a>
-            </div>
-          {{ end }}
+          <div
+            id="hamburger"
+            class="{{ if and (ne .IsHome true) (ne $hidden_sidenav true) }}
+              xl:hidden
+            {{ end }} mr-4 flex text-neutral-400"
+            data-te-sidenav-toggle-ref
+            data-te-target="#sidenav-main">
+            <a href="#" class="text-neutral-400">
+              <svg
+                fill="hsl(224, 7.2%, 40%)"
+                viewBox="0 0 100 80"
+                width="20"
+                height="20">
+                <rect width="80" height="14"></rect>
+                <rect y="30" width="80" height="14"></rect>
+                <rect y="60" width="80" height="14"></rect>
+              </svg>
+            </a>
+          </div>
           {{ if or (eq .IsHome true) (eq $hidden_sidenav true) }}
             <a
               href="/"