transparent sidebar

tabacitu · tabacitu · commit 865febc952dd · 2020-02-24T16:24:03.000+02:00
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@digitallyhappy/backstrap",
-  "version": "0.2.23",
+  "version": "0.2.24",
   "description": "Free Bootstrap 4 Admin Panel HTML Template",
   "keywords": [
     "admin",
diff --git a/pug/partials/sidebar.pug b/pug/partials/sidebar.pug
@@ -1,4 +1,4 @@
-.sidebar.sidebar-pills.bg-white
+.sidebar.sidebar-pills.bg-transparent
   nav.sidebar-nav
     ul.nav
       li.nav-item
diff --git a/src/base/breadcrumb.html b/src/base/breadcrumb.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/cards.html b/src/base/cards.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/carousel.html b/src/base/carousel.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/collapse.html b/src/base/collapse.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/forms.html b/src/base/forms.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/jumbotron.html b/src/base/jumbotron.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/list-group.html b/src/base/list-group.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/navs.html b/src/base/navs.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/pagination.html b/src/base/pagination.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/popovers.html b/src/base/popovers.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/progress.html b/src/base/progress.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/scrollspy.html b/src/base/scrollspy.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/switches.html b/src/base/switches.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/tables.html b/src/base/tables.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/tabs.html b/src/base/tabs.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/base/tooltips.html b/src/base/tooltips.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/blank.html b/src/blank.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/buttons/brand-buttons.html b/src/buttons/brand-buttons.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/buttons/button-group.html b/src/buttons/button-group.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/buttons/buttons.html b/src/buttons/buttons.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/buttons/dropdowns.html b/src/buttons/dropdowns.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/charts.html b/src/charts.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/colors.html b/src/colors.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/icons/coreui-icons.html b/src/icons/coreui-icons.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/icons/flags.html b/src/icons/flags.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/icons/font-awesome.html b/src/icons/font-awesome.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/icons/line-awesome.html b/src/icons/line-awesome.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/icons/simple-line-icons.html b/src/icons/simple-line-icons.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/index.html b/src/index.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/notifications/alerts.html b/src/notifications/alerts.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/notifications/badge.html b/src/notifications/badge.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/notifications/modals.html b/src/notifications/modals.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/typography.html b/src/typography.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>
diff --git a/src/widgets.html b/src/widgets.html
@@ -53,7 +53,7 @@
       <button class="navbar-toggler aside-menu-toggler d-lg-none mr-3" type="button" data-toggle="aside-menu-show"><span class="navbar-toggler-icon"></span></button>
     </header>
     <div class="app-body">
-      <div class="sidebar sidebar-pills bg-white">
+      <div class="sidebar sidebar-pills bg-transparent">
         <nav class="sidebar-nav">
           <ul class="nav">
             <li class="nav-item"><a class="nav-link" href="index.html"><i class="nav-icon la la-lg la-dashboard"></i> Dashboard</a></li>

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@digitallyhappy/backstrap",`
`3`		`- "version": "0.2.23",`
	`3`	`+ "version": "0.2.24",`
`4`	`4`	`"description": "Free Bootstrap 4 Admin Panel HTML Template",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"admin",`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-.sidebar.sidebar-pills.bg-white`
	`1`	`+.sidebar.sidebar-pills.bg-transparent`
`2`	`2`	`nav.sidebar-nav`
`3`	`3`	`ul.nav`
`4`	`4`	`li.nav-item`