Remove hardcoded h1 and code styles (#1750)

mdbootstrap · Jul 27, 2023 · 521846e · 521846e
1 parent 323417c
commit 521846e
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 18 deletions.
diff --git a/site/assets/css/main.css b/site/assets/css/main.css
@@ -13,10 +13,6 @@
 @tailwind components;
 @tailwind utilities;
 
-h1 {
-  @apply mt-12 mb-2 text-5xl font-bold;
-}
-
 code {
   @apply text-red-600 dark:text-red-400;
 }

diff --git a/site/content/docs/standard/_index.html b/site/content/docs/standard/_index.html
@@ -12,7 +12,7 @@
 
 <!--Section: Docs content-->
 <section>
-  <h1>Extended documentation</h1>
+  <h1 class="mb-2 mt-12 text-5xl font-bold">Extended documentation</h1>
   <p class="mb-4">
     Extended documentation with experimental components and functionalities.
   </p>

diff --git a/site/content/docs/standard/content-styles/typography/index.html b/site/content/docs/standard/content-styles/typography/index.html
@@ -31,7 +31,7 @@
 
   <!-- prettier-ignore -->
   {{< twsnippet/demo id="example1">}}
-  <h2 class="text-5xl font-medium leading-tight">Tailwind Elements</h2>
+  <h1 class="text-5xl font-medium leading-tight">Tailwind Elements</h1>
   <h2 class="text-4xl font-medium leading-tight">Tailwind Elements</h2>
   <h3 class="text-3xl font-medium leading-tight">Tailwind Elements</h3>
   <h4 class="text-2xl font-medium leading-tight">Tailwind Elements</h4>
@@ -45,7 +45,7 @@ <h6 class="text-base font-medium leading-tight">Tailwind Elements</h6>
     <div class="pt-4">
       {{< twsnippet/wrapper "HTML" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
-      <h2 class="text-5xl font-medium leading-tight">Tailwind Elements</h2>
+      <h1 class="text-5xl font-medium leading-tight">Tailwind Elements</h1>
       <h2 class="text-4xl font-medium leading-tight">Tailwind Elements</h2>
       <h3 class="text-3xl font-medium leading-tight">Tailwind Elements</h3>
       <h4 class="text-2xl font-medium leading-tight">Tailwind Elements</h4>
@@ -390,7 +390,7 @@ <h3 class="text-3xl font-medium leading-tight">
 
   <!-- prettier-ignore -->
   {{< twsnippet/demo id="example3">}}
-  <h2 class="mb-4 border-b pb-4 text-9xl leading-tight">Display 1</h2>
+  <h1 class="mb-4 border-b pb-4 text-9xl leading-tight">Display 1</h1>
   <h2 class="mb-4 border-b pb-4 text-8xl leading-tight">Display 2</h2>
   <h3 class="mb-4 border-b pb-4 text-7xl leading-tight">Display 3</h3>
   <h4 class="mb-4 border-b pb-4 text-6xl leading-tight">Display 4</h4>
@@ -403,7 +403,7 @@ <h6 class="text-4xl leading-tight">Display 6</h6>
     <div class="pt-4">
       {{< twsnippet/wrapper "HTML" >}}
       {{< twsnippet/code active=true lang="HTML" >}}
-      <h2 class="mb-4 border-b pb-4 text-9xl leading-tight">Display 1</h2>
+      <h1 class="mb-4 border-b pb-4 text-9xl leading-tight">Display 1</h1>
       <h2 class="mb-4 border-b pb-4 text-8xl leading-tight">Display 2</h2>
       <h3 class="mb-4 border-b pb-4 text-7xl leading-tight">Display 3</h3>
       <h4 class="mb-4 border-b pb-4 text-6xl leading-tight">Display 4</h4>

diff --git a/site/content/docs/standard/extended/_index.html b/site/content/docs/standard/extended/_index.html
@@ -12,7 +12,7 @@
 
 <!--Section: Docs content-->
 <section>
-  <h1>Extended documentation</h1>
+  <h1 class="mb-2 mt-12 text-5xl font-bold">Extended documentation</h1>
   <p class="mb-4">
     Extended documentation with experimental components and functionalities.
   </p>

diff --git a/site/content/learn/te-foundations/2-tailwindcss/10-containers/index.html b/site/content/learn/te-foundations/2-tailwindcss/10-containers/index.html
@@ -499,6 +499,7 @@ <h2 class="mb-6 mt-12 text-xl font-semibold">
 
 
 
+
    <!-- Here add a container -->
    <div class="lg:container mx-auto flex w-full flex-wrap items-center justify-between px-3">
 

diff --git a/src/scss/tailwind.scss b/src/scss/tailwind.scss
@@ -13,14 +13,6 @@
 @tailwind components;
 @tailwind utilities;
 
-h1 {
-  @apply mb-2 mt-12 text-5xl font-bold;
-}
-
-code {
-  @apply text-red-600 dark:text-red-400;
-}
-
 p {
   @apply leading-[1.6];
 }