archangel 0.0.2

data/app/themes/default/assets/stylesheets/default/common/bootstrap/_navbar.scss

@@ -0,0 +1,122 @@
+.app-header.navbar {
+  @include borders($navbar-border);
+  background-color: $navbar-bg;
+  flex-direction: row;
+  height: $navbar-height;
+  margin: 0;
+  padding: 0;
+  position: relative;
+
+  .navbar-brand {
+    @include borders($navbar-brand-border);
+    background-color: $navbar-brand-bg;
+    display: inline-block;
+    height: $navbar-height;
+    margin-right: 0;
+    padding: $navbar-padding-y $navbar-padding-x;
+    width: $navbar-brand-width;
+  }
+
+  .navbar-toggler {
+    min-width: 50px;
+    padding: $navbar-toggler-padding-y 0;
+
+    &:hover .navbar-toggler-icon {
+      background-image: $navbar-toggler-icon-hover;
+    }
+  }
+
+  .navbar-toggler-icon {
+    background-image: $navbar-toggler-icon;
+    height: 23px;
+  }
+
+  .navbar-nav {
+    align-items: center;
+    flex-direction: row;
+  }
+
+  .nav-item {
+    margin: 0 !important;
+    min-width: 50px;
+    position: relative;
+    text-align: center;
+
+    button {
+      margin: 0 auto;
+    }
+
+    .nav-link {
+      background: 0;
+      border: 0;
+      padding-bottom: 0;
+      padding-top: 0;
+
+      .badge {
+        left: 50%;
+        margin-left: 0;
+        margin-top: -16px;
+        position: absolute;
+        top: 50%;
+      }
+
+      > .img-avatar {
+        height: $navbar-height - 20px;
+        margin: 0 10px;
+      }
+    }
+  }
+
+  .dropdown-menu {
+    line-height: $line-height-base;
+    padding-bottom: 0;
+  }
+
+  .dropdown-item {
+    min-width: 180px;
+  }
+}
+
+.navbar-brand {
+  color: $navbar-active-color;
+
+  @include hover-focus {
+    color: $navbar-active-color;
+  }
+}
+
+.navbar-nav {
+  .nav-link {
+    color: $navbar-color;
+
+    @include hover-focus {
+      color: $navbar-hover-color;
+    }
+  }
+
+  .open > .nav-link,
+  .active > .nav-link,
+  .nav-link.open,
+  .nav-link.active {
+    @include plain-hover-focus {
+      color: $navbar-active-color;
+    }
+  }
+}
+
+.navbar-divider {
+  background-color: rgba($black, .075);
+}
+
+@include media-breakpoint-up(lg) {
+  .brand-minimized {
+    .app-header.navbar {
+      .navbar-brand {
+        @include borders($navbar-brand-minimized-border);
+        background-color: $navbar-brand-minimized-bg;
+        display: none;
+        width: $navbar-brand-minimized-width;
+      }
+    }
+  }
+}

data/app/themes/default/assets/stylesheets/default/common/bootstrap/_others.scss

@@ -0,0 +1,4 @@
+// scss-lint:disable QualifyingElement
+hr.transparent {
+  border-top: 1px solid transparent;
+}

data/app/themes/default/assets/stylesheets/default/common/bootstrap/_progress.scss

@@ -0,0 +1,15 @@
+.progress-xs {
+  height: 4px;
+}
+
+.progress-sm {
+  height: 8px;
+}
+
+.progress-white {
+  background-color: rgba($white, .2) !important;
+
+  .progress-bar {
+    background-color: $white;
+  }
+}

data/app/themes/default/assets/stylesheets/default/common/bootstrap/_rtl.scss

@@ -0,0 +1,287 @@
+//
+// RTL Support
+//
+// scss-lint:disable NestingDepth, SelectorDepth
+*[dir="rtl"] {
+  direction: rtl;
+  unicode-bidi: embed;
+
+  ul {
+    -webkit-padding-start: 0;
+  }
+
+  table tr th {
+    text-align: right;
+  }
+
+  // Breadcrumb
+
+  .breadcrumb-item {
+    float: right;
+  }
+
+  .breadcrumb-menu {
+    left: $breadcrumb-padding-x;
+    right: auto;
+  }
+
+  // Dropdown
+  .dropdown-item {
+    text-align: right;
+
+    i {
+      margin-left: 10px;
+      margin-right: -10px;
+    }
+
+    .badge {
+      left: 10px;
+      right: auto;
+    }
+  }
+
+  //
+  // Sidebar
+  //
+  .sidebar-hidden {
+    .sidebar {
+      margin-right: - $sidebar-width;
+    }
+  }
+
+  .sidebar-fixed {
+    .main,
+    .app-footer {
+      margin-right: $sidebar-width;
+    }
+
+    &.sidebar-hidden {
+      .main,
+      .app-footer {
+        margin-right: 0;
+      }
+    }
+  }
+
+  .sidebar-minimized {
+    .sidebar {
+      flex: 0 0 $sidebar-minimized-width;
+    }
+
+    &.sidebar-hidden {
+      .sidebar {
+        margin-left: 0;
+        margin-right: - $sidebar-minimized-width;
+      }
+    }
+
+    &.sidebar-fixed {
+      .main,
+      .app-footer {
+        margin-right: $sidebar-minimized-width;
+      }
+
+      &.sidebar-hidden {
+        .main,
+        .app-footer {
+          margin-left: 0;
+        }
+      }
+    }
+  }
+
+  //
+  // Aside Menu
+  //
+  .aside-menu-hidden {
+    .aside-menu {
+      margin-left: - $aside-menu-width;
+      margin-right: 0;
+    }
+  }
+
+  .aside-menu-fixed {
+    .aside-menu {
+      left: 0;
+      right: auto;
+    }
+
+    .main,
+    .app-footer {
+      margin-left: $aside-menu-width;
+    }
+
+    &.aside-menu-hidden {
+      .main,
+      .app-footer {
+        margin-left: 0;
+      }
+    }
+  }
+
+  .aside-menu-off-canvas {
+    .aside-menu {
+      height: 100%;
+      position: fixed;
+      right: 0;
+      z-index: $zindex-sticky - 1;
+
+      .tab-content {
+        height: calc(100vh - #{$aside-menu-nav-padding-y * 2 + $font-size-base} - #{$navbar-height});
+      }
+    }
+  }
+
+  // Sidebar Menu
+  .sidebar {
+    .sidebar-nav {
+      .nav {
+        .nav-item {
+          .nav-link {
+            direction: rtl;
+
+            i {
+              margin: 0 0 0 ($sidebar-nav-link-padding-x / 2);
+            }
+
+            .badge {
+              float: left;
+              margin-top: 2px;
+            }
+
+            &.nav-dropdown-toggle {
+              &::before {
+                left: $sidebar-nav-link-padding-x;
+                position: absolute;
+                right: auto !important;
+                transform: rotate(180deg);
+              }
+            }
+          }
+
+          &.nav-dropdown {
+            &.open {
+              > .nav-link.nav-dropdown-toggle::before {
+                transform: rotate(270deg);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .sidebar-minimized .sidebar {
+    .nav-link {
+      padding-right: 0;
+
+      i {
+        float: right;
+        margin: 0;
+        padding: 0;
+      }
+
+      .badge {
+        left: 15px;
+        right: auto;
+      }
+    }
+
+    .nav > .nav-dropdown {
+
+      &:hover {
+        > .nav-dropdown-items {
+          left: 0;
+          right: $sidebar-minimized-width;
+        }
+      }
+    }
+  }
+
+  // Horizontal bars
+  .horizontal-bars {
+    li {
+      .bars {
+        padding-left: 0;
+        padding-right: 100px;
+
+        .progress:first-child {
+          margin-bottom: 2px;
+        }
+      }
+    }
+
+    &.type-2 {
+      li {
+        i {
+          margin-left: $spacer;
+          margin-right: 5px;
+        }
+
+        .value {
+          float: left;
+          font-weight: 600;
+        }
+
+        .bars {
+          padding: 0;
+        }
+      }
+    }
+  }
+
+  // Icon list
+  .icons-list {
+    li {
+      height: 40px;
+      position: relative;
+      vertical-align: middle;
+
+      i {
+        float: right;
+      }
+
+      .desc {
+        margin-left: 0;
+        margin-right: 50px;
+      }
+
+      .value {
+        left: 45px;
+        right: auto;
+        text-align: left;
+
+        strong {
+          display: block;
+          margin-top: -3px;
+        }
+      }
+
+      .actions {
+        left: 10px;
+        right: auto;
+      }
+    }
+  }
+
+  // Callouts
+  .callout {
+    border: 0 solid $border-color;
+    border-right-width: .25rem;
+
+    @each $color, $value in $theme-colors {
+      &.callout-#{$color} {
+        border-right-color: $value;
+      }
+    }
+
+    .chart-wrapper {
+      float: left;
+      left: 0;
+    }
+  }
+
+  .callout-default {
+    border-right-color: $text-muted;
+  }
+}