sidebar-skeleton-compostrap 2.0.8 → 2.0.10

package/src/scss/sidebar.scss

@@ -0,0 +1,9 @@
+//
+// sidebar skeleton
+//
+
+@use "utils/variables";
+@use "base/body";
+@use "layout/wrapper";
+@use "components/sidebar";
+@use "themes/theme";

package/src/scss/themes/_index.scss

@@ -0,0 +1 @@
+@forward "theme";

package/{scss/themes/_colors.scss → src/scss/themes/_theme.scss}

@@ -1,7 +1,11 @@
 //
-// theme colors
+// theme default
 //
 
+@use "sass:map";
+@import "../../../node_modules/bootstrap/scss/functions";
+@import "../../../node_modules/bootstrap/scss/variables";
+
 $theme-colors: (
         'bg-white':  ('sidebar-bg': $white),
         'bg-light':  ('sidebar-bg': $gray-100),
@@ -15,3 +19,9 @@ $theme-colors: (
         'bg-teal':   ('sidebar-bg': $teal),
         'bg-cyan':   ('sidebar-bg': $cyan),
 );
+
+@each $theme, $map in $theme-colors {
+  .sidebar-#{$theme} {
+    background-color: map.get($map, 'sidebar-bg');
+  }
+}

package/src/scss/utils/_index.scss

@@ -0,0 +1 @@
+@forward "variables";

package/src/scss/utils/_variables.scss

@@ -0,0 +1,6 @@
+//
+// sidebar settings
+//
+
+$sm-width: 14.375rem !default;;
+$sm-top: 3.5rem !default;;

package/src/sidebar.js

@@ -0,0 +1,11 @@
+/*!
+ * Sidebar for Bootstrap
+ * Copyright Zdeněk Papučík
+ * MIT License
+ */
+document.addEventListener('DOMContentLoaded', () => {
+	document.getElementById('sidebar').addEventListener('click', () => {
+		const element = document.getElementById('navigation');
+		element.classList.toggle('sidebar-toggle');
+	});
+});

package/vite.build.js

@@ -0,0 +1,5 @@
+// SCSS → CSS file
+import './src/scss/sidebar.scss';
+
+// JS → sidebar.min.js
+import './src/sidebar.js';

package/vite.config.js

@@ -0,0 +1,33 @@
+import { defineConfig } from 'vite'
+import path from 'path'
+
+export default defineConfig({
+	base: '',
+	server: {
+		fs: {
+			allow: ['.', 'dist']
+		}
+	},
+	build: {
+		outDir: 'dist',
+		emptyOutDir: true,
+		lib: {
+			entry: path.resolve(__dirname, 'vite.build.js'),
+			formats: ['es'],
+			fileName: () => 'sidebar.js',
+		},
+		cssMinify: false,
+		rollupOptions: {
+			output: {
+				assetFileNames: 'sidebar.[ext]',
+			},
+		},
+		css: {
+			preprocessorOptions: {
+				scss: {
+					quietDeps: true
+				},
+			},
+		},
+	},
+})

package/.travis.yml

@@ -1,10 +0,0 @@
-language: node_js
-node_js:
-  - "node"
-install:
-  - npm install
-script:
-  - npm run-script build
-cache:
-  directories:
-    - "node_modules"

package/dist/css/sidebar.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/sidebar.scss","../../scss/base/_body.scss","../../scss/layout/_wrapper.scss","../../scss/utils/_variables.scss","../../scss/components/_sidebar.scss","../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../scss/themes/_theme.scss"],"names":[],"mappings":";AACA;AAAA;AAAA;AAAA;AAAA;ACGA;EACE;;;ACDF;EACE;;AAEA;EACE;;AAGF;EACE,YCRK;;;ACAT;EACE;EACA;;ACyDE;ED3DJ;IAII;;;AAGF;EACE;;AAGF;EACE;;AC+CA;EDhDF;IAGI;;;AAIJ;EEwCE;;;AFnCJ;EACE,ODzBS;;AC2BT;EACE;;;AGzBF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE","file":"sidebar.css"}

package/dist/css/sidebar.min.css

@@ -1,5 +0,0 @@
-@charset "UTF-8";/*!
- * Sidebar skeleton
- * Copyright Zdeněk Papučík
- * MIT License
-*/body{overflow-x:hidden}.wrapper{min-height:100vh}.wrapper-navbar-used{min-height:calc(100vh - 3.5rem)}.wrapper-navbar-fixed{margin-top:3.5rem}.sidebar{margin-left:-14.375rem;transition:margin .15s ease-out}@media (min-width:768px){.sidebar{margin-left:0}}.sidebar-toggle{margin-left:0}.sidebar-toggle-visible{margin-left:0}@media (min-width:768px){.sidebar-toggle-visible{margin-left:-14.375rem}}.sidebar-rounded-top-right{border-top-right-radius:.375rem}.sidebar-menu{width:14.375rem}.sidebar-menu-fixed{position:fixed}.sidebar-bg-white{background-color:#fff}.sidebar-bg-light{background-color:#f8f9fa}.sidebar-bg-dark{background-color:#343a40}.sidebar-bg-blue{background-color:#0d6efd}.sidebar-bg-purple{background-color:#6f42c1}.sidebar-bg-pink{background-color:#d63384}.sidebar-bg-red{background-color:#dc3545}.sidebar-bg-orange{background-color:#fd7e14}.sidebar-bg-green{background-color:#198754}.sidebar-bg-teal{background-color:#20c997}.sidebar-bg-cyan{background-color:#0dcaf0}

package/dist/js/sidebar.js

@@ -1,11 +0,0 @@
-/*!
- * Sidebar for Bootstrap
- * Copyright Zdeněk Papučík
- * MIT License
- */
-document.addEventListener('DOMContentLoaded', () => {
-  document.getElementById('sidebar').addEventListener('click', () => {
-    const element = document.getElementById('navigation');
-    element.classList.toggle('sidebar-toggle');
-  });
-});

package/dist/js/sidebar.min.js

@@ -1 +0,0 @@
-document.addEventListener("DOMContentLoaded",()=>{document.getElementById("sidebar").addEventListener("click",()=>{const element=document.getElementById("navigation");element.classList.toggle("sidebar-toggle")})});

package/scss/layout/_wrapper.scss

@@ -1,15 +0,0 @@
-//
-// wrapper for content layout
-//
-
-.wrapper {
-  min-height: 100vh;
-
-  &-navbar-used {
-    min-height: calc(100vh - #{$sm-top});
-  }
-
-  &-navbar-fixed {
-    margin-top: $sm-top;
-  }
-}

package/scss/sidebar.scss

@@ -1,19 +0,0 @@
-@charset "UTF-8";
-/*!
- * Sidebar skeleton
- * Copyright Zdeněk Papučík
- * MIT License
-*/
-
-// bootstrap
-@import "bootstrap/scss/functions";
-@import "bootstrap/scss/variables";
-@import "bootstrap/scss/mixins";
-
-// sidebar skeleton
-@import "utils/variables";
-@import "base/body";
-@import "layout/wrapper";
-@import "components/sidebar";
-@import "themes/colors";
-@import "themes/theme";

package/scss/themes/_theme.scss

@@ -1,11 +0,0 @@
-//
-// theme default
-//
-
-@each $theme, $map in $theme-colors {
-
-  .sidebar-#{$theme} {
-    background-color: map-get($map, sidebar-bg);
-  }
-
-}

package/scss/utils/_functions.scss

@@ -1,8 +0,0 @@
-/// convert px to rem
-/// {number} $pixels unit in pixels
-/// {number} $context default browser size
-
-@use "sass:math";
-@function toRem($pixels) {
-  @return math.div($pixels, 16) + rem;
-}

package/scss/utils/_variables.scss

@@ -1,5 +0,0 @@
-// sidebar settings
-@import "../utils/functions";
-
-$sm-width: toRem(230);
-$sm-top: toRem(56);