diff --git a/gulpfile.js b/gulpfile.js index e244f0d7e..5f1ab91eb 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -437,7 +437,6 @@ gulp.task('browser-sync', () => { '/dist/css': `${distDir}/css`, '/dist/js': `${distDir}/js`, '/dist/img': `${srcDir}/img`, - '/dist/fonts': `${srcDir}/fonts`, '/static': `${srcDir}/static`, }, }, @@ -497,15 +496,6 @@ gulp.task('copy-static', () => { .pipe(gulp.dest(`${demoDir}/static`)) }) -/** - * Copy fonts - */ -gulp.task('copy-fonts', () => { - return gulp - .src(`${srcDir}/fonts/**/*`) - .pipe(gulp.dest(`${distDir}/fonts`)) -}) - /** * Copy Tabler dist files to demo directory */ @@ -528,6 +518,6 @@ gulp.task('clean', gulp.series('clean-dirs', 'clean-jekyll')) gulp.task('start', gulp.series('clean', 'sass', 'js', 'js-demo', 'mjs', 'build-jekyll', gulp.parallel('watch-jekyll', 'watch', 'browser-sync'))) -gulp.task('build-core', gulp.series('build-on', 'clean', 'sass', 'css-rtl', 'css-minify', 'js', 'js-demo', 'mjs', 'copy-images', 'copy-fonts', 'copy-libs', 'add-banner')) +gulp.task('build-core', gulp.series('build-on', 'clean', 'sass', 'css-rtl', 'css-minify', 'js', 'js-demo', 'mjs', 'copy-images', 'copy-libs', 'add-banner')) gulp.task('build-demo', gulp.series('build-on', 'build-jekyll', 'copy-static', 'copy-dist', 'build-cleanup', 'build-purgecss'/*, 'build-critical'*/)) gulp.task('build', gulp.series('build-core', 'build-demo')) diff --git a/src/fonts/inter-v7-latin-ext_latin-300.woff b/src/fonts/inter-v7-latin-ext_latin-300.woff deleted file mode 100644 index 0d2646fe7..000000000 Binary files a/src/fonts/inter-v7-latin-ext_latin-300.woff and /dev/null differ diff --git a/src/fonts/inter-v7-latin-ext_latin-300.woff2 b/src/fonts/inter-v7-latin-ext_latin-300.woff2 deleted file mode 100644 index 88827b90e..000000000 Binary files a/src/fonts/inter-v7-latin-ext_latin-300.woff2 and /dev/null differ diff --git a/src/fonts/inter-v7-latin-ext_latin-500.woff b/src/fonts/inter-v7-latin-ext_latin-500.woff deleted file mode 100644 index 00094a8ab..000000000 Binary files a/src/fonts/inter-v7-latin-ext_latin-500.woff and /dev/null differ diff --git a/src/fonts/inter-v7-latin-ext_latin-500.woff2 b/src/fonts/inter-v7-latin-ext_latin-500.woff2 deleted file mode 100644 index 59f40f9b4..000000000 Binary files a/src/fonts/inter-v7-latin-ext_latin-500.woff2 and /dev/null differ diff --git a/src/fonts/inter-v7-latin-ext_latin-600.woff b/src/fonts/inter-v7-latin-ext_latin-600.woff deleted file mode 100644 index 0a03337e5..000000000 Binary files a/src/fonts/inter-v7-latin-ext_latin-600.woff and /dev/null differ diff --git a/src/fonts/inter-v7-latin-ext_latin-600.woff2 b/src/fonts/inter-v7-latin-ext_latin-600.woff2 deleted file mode 100644 index 2a3ba9d4c..000000000 Binary files a/src/fonts/inter-v7-latin-ext_latin-600.woff2 and /dev/null differ diff --git a/src/fonts/inter-v7-latin-ext_latin-700.woff b/src/fonts/inter-v7-latin-ext_latin-700.woff deleted file mode 100644 index a1280240e..000000000 Binary files a/src/fonts/inter-v7-latin-ext_latin-700.woff and /dev/null differ diff --git a/src/fonts/inter-v7-latin-ext_latin-700.woff2 b/src/fonts/inter-v7-latin-ext_latin-700.woff2 deleted file mode 100644 index 55442d720..000000000 Binary files a/src/fonts/inter-v7-latin-ext_latin-700.woff2 and /dev/null differ diff --git a/src/fonts/inter-v7-latin-ext_latin-regular.woff b/src/fonts/inter-v7-latin-ext_latin-regular.woff deleted file mode 100644 index 9b73a33be..000000000 Binary files a/src/fonts/inter-v7-latin-ext_latin-regular.woff and /dev/null differ diff --git a/src/fonts/inter-v7-latin-ext_latin-regular.woff2 b/src/fonts/inter-v7-latin-ext_latin-regular.woff2 deleted file mode 100644 index 3e7849a81..000000000 Binary files a/src/fonts/inter-v7-latin-ext_latin-regular.woff2 and /dev/null differ diff --git a/src/pages/_data/docs.yml b/src/pages/_data/docs.yml index 8961d3653..a96360bb9 100644 --- a/src/pages/_data/docs.yml +++ b/src/pages/_data/docs.yml @@ -29,6 +29,9 @@ content: icons: title: Icons url: docs/icons.html + customize: + title: Customize Tabler + url: docs/customize.html layout: title: Layout diff --git a/src/pages/_docs/customize.md b/src/pages/_docs/customize.md new file mode 100644 index 000000000..b10027ed5 --- /dev/null +++ b/src/pages/_docs/customize.md @@ -0,0 +1,25 @@ +--- +menu: docs.content.customize +title: Customize Tabler +description: Tabler has been designed so that it can be adjusted to your needs and requirements as much as possible. You can customize your own fonts, colors, font sizes, etc in it. +--- + +## Custom Google Font + +To use a custom Google Fonts font in Tabler you must import the font in the `` section of the page. In this example we will use the _Inter_ font: + +```html + + + +``` + +Now you just need to tell Tabler to use your favorite font: + +```html + +``` \ No newline at end of file diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index 732e94d32..a20c52f13 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -15,10 +15,10 @@ $assets-base: ".." !default; // FONTS $font-google: null !default; $font-google-monospaced: null !default; -$font-local: 'Inter' !default; +$font-local: null !default; $font-icons: () !default; -$font-family-sans-serif: unquote("#{if($font-local, "#{$font-local}, ", '')} #{if($font-google, "#{$font-google}, ", '')}") -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif !default; +$font-family-sans-serif: unquote("#{if($font-local, "#{$font-local}, ", ' ')}#{if($font-google, "#{$font-google}, ", ' ')}")-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif !default; $font-family-monospace: unquote("#{if($font-google-monospaced, "#{$font-google-monospaced}, ", '')}") Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; $font-family-serif: "Georgia", "Times New Roman", times, serif !default; @@ -96,7 +96,7 @@ $gray-700: #334155 !default; $gray-800: #1e293b !default; $gray-900: #0f172a !default; -$light: $gray-50 !default; +$light: #f5f7fb !default; $dark: $gray-800 !default; $body-bg: $light !default;