sidebar-skeleton-compostrap 2.0.6 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/css/sidebar.css +1 -1
  2. package/dist/css/sidebar.css.map +1 -1
  3. package/dist/css/sidebar.min.css +1 -1
  4. package/package.json +8 -8
  5. package/readme.md +11 -18
  6. package/scss/sidebar.scss +9 -12
  7. package/scss/utils/_functions.scss +2 -2
  8. package/scss/utils/_variables.scss +4 -5
package/dist/css/sidebar.css CHANGED
@@ -39,7 +39,7 @@ body {
39
39
  }
40
40
  }
41
41
  .sidebar-rounded-top-right {
42
- border-top-right-radius: 0.25rem;
42
+ border-top-right-radius: 0.375rem;
43
43
  }
44
44
 
45
45
  .sidebar-menu {
package/dist/css/sidebar.css.map CHANGED
@@ -1 +1 @@
1
- {"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,YCPO;;;ACDX;EACE;EACA;;ACyDE;ED3DJ;IAII;;;AAGF;EACE;;AAGF;EACE;;AC+CA;EDhDF;IAGI;;;AAIJ;EEwCE;;;AFnCJ;EACE,ODxBS;;AC0BT;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"}
1
+ {"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 CHANGED
@@ -2,4 +2,4 @@
2
2
  * Sidebar skeleton
3
3
  * Copyright Zdeněk Papučík
4
4
  * MIT License
5
- */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:.25rem}.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}
5
+ */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/package.json CHANGED
@@ -1,21 +1,21 @@
1
1
  {
2
2
  "name": "sidebar-skeleton-compostrap",
3
- "version": "2.0.6",
3
+ "version": "2.0.8",
4
4
  "description": "Simple and fast sidebar skeleton on Bootstrap",
5
5
  "dependencies": {
6
- "bootstrap": "^5.1.0",
7
- "@popperjs/core": "^2.9.3"
6
+ "bootstrap": "^5.3.1",
7
+ "@popperjs/core": "^2.11.8"
8
8
  },
9
9
  "devDependencies": {
10
- "clean-css-cli": "^5.3.3",
11
- "sass": "^1.38.0",
12
- "nodemon": "^2.0.12",
13
- "serve": "^12.0.0",
10
+ "clean-css-cli": "^5.6.2",
11
+ "sass": "^1.65.1",
12
+ "nodemon": "^3.0.1",
13
+ "serve": "^14.2.0",
14
14
  "uglify-js-es6": "^2.8.9"
15
15
  },
16
16
  "scripts": {
17
17
  "build": "npm run scss && npm run css-minify && npm run uglify",
18
- "scss": "sass scss/sidebar.scss dist/css/sidebar.css",
18
+ "scss": "sass -I node_modules scss/sidebar.scss dist/css/sidebar.css",
19
19
  "css-minify": "cleancss -O1 --output dist/css/sidebar.min.css dist/css/sidebar.css",
20
20
  "uglify": "uglifyjs -o dist/js/sidebar.min.js dist/js/sidebar.js",
21
21
  "watch": "nodemon -e scss -x \"npm run scss\"",
package/readme.md CHANGED
@@ -1,10 +1,3 @@
1
- <p align="center">
2
- <img src="https://avatars0.githubusercontent.com/u/50230834?s=400&u=3551f498f489486fb0ee563171d5fb2d43892a17&v=4" width="100" alt="logo">
3
- </p>
4
-
5
- <h3 align="center">Compostrap</h3>
6
- <p align="center">Simple and fast components build on Bootstrap</p>
7
-
8
1
  ## Sidebar skeleton
9
2
  Simple and fast sidebar skeleton.
10
3
 
@@ -56,17 +49,17 @@ Colors are the same as bootstrap. Add more colors in [colors.scss](https://githu
56
49
 
57
50
  | Color | Class |
58
51
  | --------------------------------------------------------------- | ------------------- |
59
- | ![#ffffff](https://via.placeholder.com/15/ffffff/000000?text=+) | `sidebar-bg-white` |
60
- | ![#f8f9fa](https://via.placeholder.com/15/f8f9fa/000000?text=+) | `sidebar-bg-light` |
61
- | ![#212529](https://via.placeholder.com/15/212529/000000?text=+) | `sidebar-bg-dark` |
62
- | ![#007bff](https://via.placeholder.com/15/007bff/000000?text=+) | `sidebar-bg-blue` |
63
- | ![#6f42c1](https://via.placeholder.com/15/6f42c1/000000?text=+) | `sidebar-bg-purple` |
64
- | ![#e83e8c](https://via.placeholder.com/15/e83e8c/000000?text=+) | `sidebar-bg-pink` |
65
- | ![#dc3545](https://via.placeholder.com/15/dc3545/000000?text=+) | `sidebar-bg-red` |
66
- | ![#fd7e14](https://via.placeholder.com/15/fd7e14/000000?text=+) | `sidebar-bg-orange` |
67
- | ![#28a745](https://via.placeholder.com/15/28a745/000000?text=+) | `sidebar-bg-green` |
68
- | ![#20c997](https://via.placeholder.com/15/20c997/000000?text=+) | `sidebar-bg-teal` |
69
- | ![#17a2b8](https://via.placeholder.com/15/17a2b8/000000?text=+) | `sidebar-bg-cyan` |
52
+ | ![#ffffff](https://via.placeholder.com/15/ffffff/ffffff.png) | `sidebar-bg-white` |
53
+ | ![#f8f9fa](https://via.placeholder.com/15/f8f9fa/f8f9fa.png) | `sidebar-bg-light` |
54
+ | ![#212529](https://via.placeholder.com/15/212529/212529.png) | `sidebar-bg-dark` |
55
+ | ![#007bff](https://via.placeholder.com/15/007bff/007bff.png) | `sidebar-bg-blue` |
56
+ | ![#6f42c1](https://via.placeholder.com/15/6f42c1/6f42c1.png) | `sidebar-bg-purple` |
57
+ | ![#e83e8c](https://via.placeholder.com/15/e83e8c/e83e8c.png) | `sidebar-bg-pink` |
58
+ | ![#dc3545](https://via.placeholder.com/15/dc3545/dc3545.png) | `sidebar-bg-red` |
59
+ | ![#fd7e14](https://via.placeholder.com/15/fd7e14/fd7e14.png) | `sidebar-bg-orange` |
60
+ | ![#28a745](https://via.placeholder.com/15/28a745/28a745.png) | `sidebar-bg-green` |
61
+ | ![#20c997](https://via.placeholder.com/15/20c997/20c997.png) | `sidebar-bg-teal` |
62
+ | ![#17a2b8](https://via.placeholder.com/15/17a2b8/17a2b8.png) | `sidebar-bg-cyan` |
70
63
 
71
64
  ## jQuery toggle
72
65
  If you would like to have your own toggle button visible at all resolutions, we need to change the class in [sidebar.js](https://github.com/compostrap/sidebar-skeleton/blob/master/dist/js/sidebar.js)
package/scss/sidebar.scss CHANGED
@@ -6,17 +6,14 @@
6
6
  */
7
7
 
8
8
  // bootstrap
9
- @import '../node_modules/bootstrap/scss/functions';
10
- @import '../node_modules/bootstrap/scss/variables';
11
- @import '../node_modules/bootstrap/scss/mixins';
9
+ @import "bootstrap/scss/functions";
10
+ @import "bootstrap/scss/variables";
11
+ @import "bootstrap/scss/mixins";
12
12
 
13
13
  // sidebar skeleton
14
- @import 'utils/functions';
15
- @import 'utils/variables';
16
-
17
- @import 'base/body';
18
- @import 'layout/wrapper';
19
- @import 'components/sidebar';
20
-
21
- @import 'themes/colors';
22
- @import 'themes/theme';
14
+ @import "utils/variables";
15
+ @import "base/body";
16
+ @import "layout/wrapper";
17
+ @import "components/sidebar";
18
+ @import "themes/colors";
19
+ @import "themes/theme";
package/scss/utils/_functions.scss CHANGED
@@ -3,6 +3,6 @@
3
3
  /// {number} $context default browser size
4
4
 
5
5
  @use "sass:math";
6
- @function rem($pixels, $context: $browser-context) {
7
- @return math.div($pixels, $context) + rem;
6
+ @function toRem($pixels) {
7
+ @return math.div($pixels, 16) + rem;
8
8
  }
package/scss/utils/_variables.scss CHANGED
@@ -1,6 +1,5 @@
1
- // browser default value
2
- $browser-context: 16;
3
-
4
1
  // sidebar settings
5
- $sm-width: rem(230);
6
- $sm-top: rem(56);
2
+ @import "../utils/functions";
3
+
4
+ $sm-width: toRem(230);
5
+ $sm-top: toRem(56);