wip: tailwind rework

see #1105

.gitignore

@@ -24,6 +24,8 @@ assets/dist/*
 resources
 static/documentation/styles
 .frontmatter/database/*
+# generated tailwind files
+assets/css/theme.css
 
 #####################################################################
 # ignores via API

assets/css/tailwind.css

@@ -0,0 +1,16 @@
+/*******************************************************************************
+ * Keep styles in files, only `@import`s here
+ ******************************************************************************/
+ @import "tailwindcss/base";
+
+ /* @import "01-base/fonts"; */
+
+ @import "tailwindcss/components";
+
+ /* @import "03-components/headernavigation"; */
+
+ @import "tailwindcss/utilities";
+
+ /* @import "05-utilities/icons"; */
+
+ @import "tailwindcss/variants";

assets/js/script.ts

@@ -2,18 +2,18 @@ import Alpine from 'alpinejs';
 import collapse from '@alpinejs/collapse';
 import intersect from '@alpinejs/intersect'
 
-import ClickSpark from './components/click-effect';
-import ProgressBar from './components/progress-bar';
+import ClickSpark from './components/click-effect.ts';
+import ProgressBar from './components/progress-bar.js';
 
-import './scripts/keyboard-layout';
-import './scripts/theme-changes';
+import './scripts/keyboard-layout.ts';
+import './scripts/theme-changes.ts';
 import { initializeAndSwitchClassOnScroll } from './scripts/navbar-opacity.ts';
 
 // import bootstrap scripts
-import './scripts/bs-tooltips';
+import './scripts/bs-tooltips.ts';
 
 // @ts-ignore - importing parameters from GoHugo
-import * as params from '@params';
+// import * as params from '@params';
 
 // import custom elements
 customElements.define("click-effect", ClickSpark);

assets/js/scripts/keyboard-layout.ts

@@ -2,5 +2,5 @@ import { install } from '@github/hotkey'
 
 // setup all hotkeys on the page
 for (const el of document.querySelectorAll('[data-hotkey]')) {
-  install(el as HTMLElement)
+  install(el)
 }

assets/scss/style.scss

@@ -1,4 +1,4 @@
-@charset 'utf-8';
+// @charset 'utf-8';
 
 /// BS: configuration
 @import "bootstrap/scss/functions";