diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss index 917e6bc70..c996a5c34 100644 --- a/core/scss/_variables.scss +++ b/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-bold) !default; +$headings-font-weight: var(--#{$prefix}font-weight-medium) !default; $headings-margin-bottom: var(--#{$prefix}spacer) !default; $headings-color: inherit !default; diff --git a/core/scss/ui/_markdown.scss b/core/scss/ui/_markdown.scss index 1d278ca0b..51b7d5f35 100644 --- a/core/scss/ui/_markdown.scss +++ b/core/scss/ui/_markdown.scss @@ -27,7 +27,7 @@ Markdown h4, h5, h6 { - font-weight: var(--#{$prefix}font-weight-bold); + font-weight: $headings-font-weight; } h2, diff --git a/core/scss/ui/_nav.scss b/core/scss/ui/_nav.scss index 6208557e4..c780888b3 100644 --- a/core/scss/ui/_nav.scss +++ b/core/scss/ui/_nav.scss @@ -17,12 +17,12 @@ .nav-link.active, .nav-item.show .nav-link { - font-weight: var(--#{$prefix}font-weight-bold); + font-weight: var(--#{$prefix}nav-link-font-weight); color: var(--#{$prefix}nav-link-active-color); } &.nav-pills { - margin: 0 calc(-1 * $nav-link-padding-x); + margin: 0 calc(-1 * var(--#{$prefix}nav-link-padding-x)); } } diff --git a/docs/content/emails/index.md b/docs/content/emails/index.md index f6ae34821..15ca29cb9 100644 --- a/docs/content/emails/index.md +++ b/docs/content/emails/index.md @@ -1,6 +1,7 @@ --- title: Tabler Emails seoTitle: Tabler Emails - premium email templates +icon: mail order: 4 description: Customizable email templates for over 90 clients and devices. summary: Tabler Emails is a set of 80 eye-catching, customizable HTML templates. They are compatible with over 90 email clients and devices. diff --git a/docs/content/icons/index.md b/docs/content/icons/index.md index 4f69ba43d..d0990cd79 100644 --- a/docs/content/icons/index.md +++ b/docs/content/icons/index.md @@ -1,6 +1,7 @@ --- title: Tabler 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 description: Over 5000 pixel-perfect icons for web design and development --- diff --git a/docs/content/illustrations/index.md b/docs/content/illustrations/index.md index 4a5cfa50a..ce6692210 100644 --- a/docs/content/illustrations/index.md +++ b/docs/content/illustrations/index.md @@ -1,6 +1,7 @@ --- title: Tabler Illustrations order: 3 +icon: paint description: Customizable illustrations for modern web and mobile designs. summary: Tabler Illustrations is a collection of customizable SVG illustrations for your web project. Explore our library of illustrations to enhance your web development experience. --- diff --git a/docs/content/ui/index.md b/docs/content/ui/index.md index d432fe5b4..dcb341b33 100644 --- a/docs/content/ui/index.md +++ b/docs/content/ui/index.md @@ -1,6 +1,7 @@ --- title: Tabler UI order: 1 +icon: layout description: Free and open source web application UI kit based on Bootstrap summary: Tabler UI is a carefully crafted collection of modern and responsive user interface components. Built on top of Bootstrap, it helps developers create stunning and functional web applications quickly and efficiently. --- diff --git a/docs/scss/docs.scss b/docs/scss/docs.scss index 0e5d10697..7d1b3833c 100644 --- a/docs/scss/docs.scss +++ b/docs/scss/docs.scss @@ -2,11 +2,13 @@ :root { --docsearch-primary-color: var(--tblr-primary); - --docsearch-searchbox-background: var(--tblr-bg-surface); - --docsearch-searchbox-focus-background: var(--tblr-bg-surface); + --docsearch-searchbox-background: var(--tblr-bg-surface-secondary); + --docsearch-searchbox-focus-background: var(--tblr-bg-surface-secondary); --docsearch-text-color: var(--tblr-body-text); - --docsearch-key-shadow: 0 0 0 1px var(--tblr-border-color); + --docsearch-key-shadow: none; --docsearch-key-gradient: var(--tblr-bg-surface-secondary); + --docsearch-searchbox-shadow: 0 0 0 1px var(--tblr-border-color); + --docsearch-searchbox-focus-background: var(--tblr-bg-surface-tertiary); } .col-docs { @@ -24,6 +26,11 @@ box-shadow: 0 0 0 1px var(--tblr-border-color); font-weight: var(--tblr-font-weight-normal); transition: all 0.2s ease-in-out; + border-radius: var(--tblr-border-radius); +} + +.DocSearch-Button-Placeholder { + font-size: var(--tblr-font-size); } .DocSearch-SearchBar { @@ -32,6 +39,11 @@ background-color: var(--tblr-bg-surface) !important; } +.DocSearch-Search-Icon { + width: 1rem; + height: 1rem; +} + .DocSearch-Hit-source { background: none !important; } @@ -45,7 +57,7 @@ border: 1px solid var(--tblr-border-color) !important; color: var(--tblr-body-color) !important; box-shadow: none !important; - + &:hover { background-color: var(--tblr-bg-surface-tertiary) !important; border-color: var(--tblr-border-color-active) !important; @@ -88,7 +100,7 @@ .DocSearch-Input { color: var(--tblr-body-color) !important; - + &::placeholder { color: var(--tblr-muted) !important; } @@ -100,8 +112,20 @@ box-shadow: none !important; } +.DocSearch-Button-Keys { + min-width: 0; + gap: .25rem; + margin-right: .25rem; +} + .DocSearch-Button-Key { top: 0; + box-shadow: none; + background: none; + padding: 0; + margin: 0; + width: auto; + font-size: var(--tblr-font-size); } .DocSearch-Container { @@ -114,13 +138,13 @@ } } -.example > .modal, -.example > .offcanvas { +.example>.modal, +.example>.offcanvas { display: block !important; position: relative !important; } -.example > .offcanvas-backdrop { +.example>.offcanvas-backdrop { position: absolute !important; } @@ -133,4 +157,4 @@ code { ::selection { background: var(--tblr-primary); } -} +} \ No newline at end of file diff --git a/shared/includes/docs/navbar.html b/shared/includes/docs/navbar.html index 9173dc1a7..2b188d764 100644 --- a/shared/includes/docs/navbar.html +++ b/shared/includes/docs/navbar.html @@ -1,7 +1,7 @@
-
+
{% include "docs/logo.html" %} @@ -11,7 +11,7 @@
-
+
@@ -46,4 +46,42 @@
+
+ +{% assign menu = collections.docs | collection-tree %} +
+
+
+
+
+ +
+
+ +
+
+
+
\ No newline at end of file diff --git a/shared/layouts/docs/default.html b/shared/layouts/docs/default.html index 3369d7cac..3263ecaf8 100644 --- a/shared/layouts/docs/default.html +++ b/shared/layouts/docs/default.html @@ -81,7 +81,7 @@ - +
@@ -93,16 +93,8 @@
-
+
-
- {% for link in docs-links %} - - {% include "ui/icon.html" icon=link.icon %} - {{ link.title }} - - {% endfor %} -
{% include "docs/menu.html" %}