sync

[roojs1] / scss / startbootstrap-sb-admin-2 / navs / _global.scss

diff --git a/scss/startbootstrap-sb-admin-2/navs/_global.scss b/scss/startbootstrap-sb-admin-2/navs/_global.scss
new file mode 100644 (file)
index 0000000..a52d8b8
--- /dev/null
+++ b/scss/startbootstrap-sb-admin-2/navs/_global.scss
@@ -0,0 +1,42 @@
+// Global styles for both custom sidebar and topbar compoments
+
+.sidebar,
+.topbar {
+  .nav-item {
+    // Customize Dropdown Arrows for Navbar
+    &.dropdown {
+      .dropdown-toggle {
+        &::after {
+          width: 1rem;
+          text-align: center;
+          float: right;
+          vertical-align: 0;
+          border: 0;
+          font-weight: 900;
+          content: '\f105';
+          font-family: 'Font Awesome 5 Free';
+        }
+      }
+      &.show {
+        .dropdown-toggle::after {
+          content: '\f107';
+        }
+      }
+    }
+    // Counter for nav links and nav link image sizing
+    .nav-link {
+      position: relative;
+      .badge-counter {
+        position: absolute;
+        transform: scale(0.7);
+        transform-origin: top right;
+        right: .25rem;
+        margin-top: -.25rem;
+      }
+      .img-profile {
+        height: 2rem;
+        width: 2rem;
+      }
+    }
+  }
+}