chore: reduce font size (#22968)

Author: ArthurFlag

assets/css/global.css

@@ -39,33 +39,24 @@ input[type="search"]::-moz-search-cancel-button {
 input[type="search"]::-ms-clear {
   display: none;
 }
-
 .prose {
-  li {
-    @apply my-2;
-    > :last-child,
-    > :first-child {
-      margin: 0;
-    }
-  }
   hr {
     @apply mt-8 mb-4;
   }
   :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
     font-weight: 500 !important;
-    margin-top: 0;
-    margin-bottom: 0.2em !important;
-    line-height: 1.1111111;
+    font-size: 180% !important;
+    margin-bottom: 0.4em !important;
   }
   > h2 {
-    @apply mt-5! mb-3! text-3xl!;
+    @apply mt-5! mb-3!;
+    font-size: 160% !important;
     a {
       @apply hover:no-underline!;
     }
   }
   > h3 {
-    @apply text-2xl!;
+    font-size: 130% !important;
     a {
       @apply hover:no-underline!;
     }

assets/css/theme.css

@@ -39,7 +39,7 @@
   --color-navbar-text: var(--color-gray-700);
   --color-navbar-text-dark: var(--tw-prose-body);
   --color-navbar-border-color-light: var(--tw-prose-inverse-body);
-  --navbar-font-size: 1rem;
+  --navbar-font-size: 0.92rem;
   --navbar-group-font-title-size: 1rem;
   --color-navbar-text-dark: var(--color-gray-200);
   --color-navbar-group-text-dark: var(--tw-prose-body);

layouts/partials/md-dropdown.html

@@ -1,10 +1,10 @@
 <details id="markdownDropdown" class="group relative z-10 inline-block" data-heap-id="markdown-dropdown">
     <summary
-      class="inline-flex cursor-pointer items-center gap-0 rounded-sm border border-gray-600 bg-white px-2 py-2
+      class="inline-flex cursor-pointer items-center gap-0 rounded-sm border border-gray-600 bg-white  py-1 pl-2
       text-base font-semibold text-gray-600 transition-colors hover:bg-gray-50 dark:border-gray-50 dark:bg-gray-950 dark:text-gray-100 dark:hover:bg-gray-900"
       data-heap-id="markdown-dropdown-toggle"
     >
-      <span>Page options</span>
+      <span class="font-normal">Page options</span>
       <span class="icon-svg transition-transform group-open:rotate-180">
         {{ partialCached "icon" "arrow_drop_down" "arrow_drop_down" }}
       </span>
@@ -14,7 +14,7 @@
 
     <!-- Dropdown menu -->
     <div
-      class="absolute right-0 z-50 mt-2 w-56 origin-top-right rounded-sm border border-gray-300 bg-white p-2 text-sm text-black shadow-md [display:none] group-open:[display:block] dark:border-gray-100 dark:text-gray-100 dark:bg-gray-950"
+      class="absolute right-0 z-50 mt-1 w-56 origin-top-right rounded-sm border border-gray-300 bg-white p-2 text-sm text-black shadow-md [display:none] group-open:[display:block] dark:border-gray-100 dark:text-gray-100 dark:bg-gray-950"
       data-heap-id="markdown-dropdown-menu"
     >
       <button