Enhance build scripts, update SCSS variables for typography, and improve documentation navigation

core/package.json

@@ -31,7 +31,8 @@
     "copy": "pnpm run copy-img && pnpm run copy-libs && pnpm run copy-fonts",
     "copy-img": "shx mkdir -p dist/img && shx cp -rf img/* dist/img",
     "copy-libs": "node .build/copy-libs.mjs",
-    "copy-fonts": "node .build/copy-fonts.mjs",
+    "copy-fonts": "shx mkdir -p dist/fonts && shx cp -rf fonts/* dist/fonts",
+    "import-fonts": "node .build/import-fonts.mjs",
     "watch": "concurrently \"pnpm run watch-css\" \"pnpm run watch-js\"",
     "watch-css": "nodemon --watch scss/ --ext scss --exec \"pnpm run css-compile && pnpm run css-prefix\"",
     "watch-js": "nodemon --watch js/ --ext js --exec \"pnpm run js-compile\"",

core/scss/_variables.scss

@@ -442,7 +442,7 @@ $font-weight-base: $font-weight-normal !default;
 $headings-font-family: null !default;
 $headings-font-style: null !default;
 $headings-line-height: 1.2 !default;
-$headings-font-weight: var(--#{$prefix}font-weight-medium) !default;
+$headings-font-weight: var(--#{$prefix}font-weight-semibold) !default;
 $headings-margin-bottom: var(--#{$prefix}spacer) !default;
 $headings-color: inherit !default;
 
@@ -805,8 +805,8 @@ $icon-color: var(--#{$prefix}gray-400) !default;
 // Code
 $code-color: light-dark(var(--#{$prefix}gray-600), var(--#{$prefix}gray-400)) !default;
 $code-bg: light-dark(var(--#{$prefix}gray-100), var(--#{$prefix}gray-900)) !default;
-$code-font-size: $font-size-reative-sm !default;
-$code-line-height: 1.25rem !default;
+$code-font-size: $font-size-reative-md !default;
+$code-line-height: 1.7142857em !default;
 
 $pre-padding: 1rem !default;
 $pre-bg: var(--#{$prefix}bg-surface-dark) !default;

core/scss/ui/_type.scss

@@ -122,7 +122,7 @@ pre {
   background: $pre-bg;
   color: $pre-color;
   border-radius: var(--#{$prefix}border-radius);
-  line-height: $line-height-base;
+  line-height: $code-line-height;
 
   @include scrollbar;
 

docs/content/emails/index.md

@@ -1,5 +1,6 @@
 ---
 title: Tabler Emails
+menu-title: Emails
 seoTitle: Tabler Emails - premium email templates
 icon: mail
 order: 4

docs/content/icons/index.md

@@ -1,5 +1,6 @@
 ---
 title: Tabler Icons
+menu-title: Icons
 summary: Tabler Icons is a powerful and versatile icon library that offers a huge collection of high quality icons suitable for a wide range of applications. With its clean and modern aesthetic, extensive customization options, and user-friendly website and plugins, Tabler Icons is an excellent resource for designers and developers looking to enhance their projects with high-quality icons.
 icon: ghost
 order: 2

docs/content/illustrations/index.md

@@ -1,5 +1,6 @@
 ---
 title: Tabler Illustrations
+menu-title: Illustrations
 order: 3
 icon: paint
 description: Customizable illustrations for modern web and mobile designs.

docs/content/ui/index.md

@@ -1,5 +1,6 @@
 ---
 title: Tabler UI
+menu-title: Admin Template
 order: 1
 icon: layout
 description: Free and open source web application UI kit based on Bootstrap

shared/includes/docs/navbar.html

@@ -60,7 +60,7 @@
 							<li class="nav-item{% if page.url contains level1.url %} active{% endif %}">
 								<a href="{{ level1.url }}" class="nav-link">
 									{% if level1.data.icon %}<span class="nav-link-icon">{% include "ui/icon.html" icon=level1.data.icon %}</span>{% endif %}
-									<span class="nav-link-title">{{ level1.data.title }}</span>
+									<span class="nav-link-title">{{ level1.data.menu-title }}</span>
 								</a>
 							</li>
 							{% endfor %}