Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
codecalm
2025-11-25 00:29:28 +01:00
parent ae2f15183c
commit fa8fff6ed5
8 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
core/package.json
View File

@@ -31,7 +31,8 @@
"copy": "pnpm run copy-img && pnpm run copy-libs && pnpm run copy-fonts", "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-img": "shx mkdir -p dist/img && shx cp -rf img/* dist/img",
"copy-libs": "node .build/copy-libs.mjs", "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": "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-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\"", "watch-js": "nodemon --watch js/ --ext js --exec \"pnpm run js-compile\"",

6
core/scss/_variables.scss
View File

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

2
core/scss/ui/_type.scss
View File

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

1
docs/content/emails/index.md
View File

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

1
docs/content/icons/index.md
View File

@@ -1,5 +1,6 @@
--- ---
title: Tabler Icons 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. 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 icon: ghost
order: 2 order: 2

1
docs/content/illustrations/index.md
View File

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

1
docs/content/ui/index.md
View File

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

2
shared/includes/docs/navbar.html
View File

@@ -60,7 +60,7 @@
<li class="nav-item{% if page.url contains level1.url %} active{% endif %}"> <li class="nav-item{% if page.url contains level1.url %} active{% endif %}">
<a href="{{ level1.url }}" class="nav-link"> <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 %} {% 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> </a>
</li> </li>
{% endfor %} {% endfor %}