Add clean JSdoc theme styles and build entry

Introduce a new SCSS theme for the JSdoc site and wire it into the build and docs. Added src/css/clean-jsdoc-theme.scss and a small src/js module that imports it, updated webpack.config.js to emit a clean-jsdoc-theme-css bundle, and included the generated CSS in jsdoc.json so the theme CSS is loaded alongside the existing Crowdin CSS.

Author: ReenigneArcher

jsdoc.json

@@ -16,7 +16,10 @@
       "add_scripts": "window.initCrowdIn('LizardByte-docs', null);",
       "default_theme": "fallback-dark",
       "favicon": "favicon.ico",
-      "include_css": ["./dist/crowdin-clean-jsdoc-css.css"],
+      "include_css": [
+        "./dist/clean-jsdoc-theme-css.css",
+        "./dist/crowdin-clean-jsdoc-css.css"
+      ],
       "include_js": ["./dist/crowdin.js"],
       "menu": [
         {

src/css/clean-jsdoc-theme.scss

@@ -0,0 +1,32 @@
+.navbar-container .navbar {
+  max-width: 74rem;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.navbar .navbar-left-items {
+  min-width: 0;
+}
+
+.navbar .navbar-item a {
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+  white-space: nowrap;
+}
+
+@media screen and (min-width: 65em) and (max-width: 75em) {
+  .navbar .navbar-item a {
+    font-size: 0.8125rem;
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .navbar .icon-button {
+    padding: 0.25rem;
+  }
+
+  .navbar .navbar-right-item {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}

src/js/clean-jsdoc-theme-css.js

@@ -0,0 +1 @@
+import "../css/clean-jsdoc-theme.scss";

webpack.config.js

@@ -6,6 +6,7 @@ let production = process.env.NODE_ENV === 'production';
 
 let config = {
     entry: {
+        'clean-jsdoc-theme-css': './src/js/clean-jsdoc-theme-css',
         'crowdin': './src/js/crowdin',
         'crowdin-bootstrap-css': './src/js/crowdin-bootstrap-css',
         'crowdin-clean-jsdoc-css': './src/js/crowdin-clean-jsdoc-css',