git.roojs.org Git - roojs1/blob - scss/startbootstrap-sb-admin-2/navs/_global.scss

   1 // Global styles for both custom sidebar and topbar compoments
   2
   3 .sidebar,
   4 .topbar {
   5   .nav-item {
   6     // Customize Dropdown Arrows for Navbar
   7     &.dropdown {
   8       .dropdown-toggle {
   9         &::after {
  10           width: 1rem;
  11           text-align: center;
  12           float: right;
  13           vertical-align: 0;
  14           border: 0;
  15           font-weight: 900;
  16           content: '\f105';
  17           font-family: 'Font Awesome 5 Free';
  18         }
  19       }
  20       &.show {
  21         .dropdown-toggle::after {
  22           content: '\f107';
  23         }
  24       }
  25     }
  26     // Counter for nav links and nav link image sizing
  27     .nav-link {
  28       position: relative;
  29       .badge-counter {
  30         position: absolute;
  31         transform: scale(0.7);
  32         transform-origin: top right;
  33         right: .25rem;
  34         margin-top: -.25rem;
  35       }
  36       .img-profile {
  37         height: 2rem;
  38         width: 2rem;
  39       }
  40     }
  41   }
  42 }