archangel 0.0.2

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

@@ -0,0 +1,70 @@
+.dropdown-item {
+  border-bottom: 1px solid $dropdown-border-color;
+  padding: 10px 20px;
+  position: relative;
+
+  &:last-child {
+    border-bottom: 0;
+  }
+
+  i {
+    color: $dropdown-border-color;
+    display: inline-block;
+    margin-left: -10px;
+    margin-right: 10px;
+    text-align: center;
+    width: 20px;
+  }
+
+  .badge {
+    margin-top: 2px;
+    position: absolute;
+    right: 10px;
+  }
+}
+
+// Dropdown section headers
+.dropdown-header {
+  background: $dropdown-divider-bg;
+  border-bottom: 1px solid $dropdown-border-color;
+  padding: 8px 20px;
+
+  .btn {
+    color: $dropdown-header-color;
+    margin-top: -7px;
+
+    &:hover {
+      color: $body-color;
+    }
+
+    &.pull-right {
+      margin-right: -20px;
+    }
+  }
+}
+
+.dropdown-menu-lg {
+  width: 250px;
+}
+
+.app-header {
+  .navbar-nav {
+    .dropdown-menu {
+      position: absolute;
+    }
+
+    // Menu positioning
+    //
+    // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
+    // menu with the parent.
+    .dropdown-menu-right {
+      left: auto; // Reset the default from `.dropdown-menu`
+      right: 0;
+    }
+
+    .dropdown-menu-left {
+      left: 0;
+      right: auto;
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+.app-footer {
+  @include borders($footer-borders);
+  align-items: center;
+  background: $footer-bg;
+  color: $footer-color;
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0 $spacer;
+}

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

@@ -0,0 +1,4 @@
+textarea {
+  min-height: 56px;
+  resize: vertical;
+}

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

@@ -0,0 +1,15 @@
+.row.row-equal {
+  margin-left: ($grid-gutter-width / -2);
+  margin-right: ($grid-gutter-width / -2);
+  padding-left: ($grid-gutter-width / 4);
+  padding-right: ($grid-gutter-width / 4);
+
+  [class*="col-"] {
+    padding-left: ($grid-gutter-width / 4);
+    padding-right: ($grid-gutter-width / 4);
+  }
+}
+
+.main .container-fluid {
+  padding: 0 30px;
+}

data/app/themes/default/assets/stylesheets/default/common/bootstrap/_input-group.scss

@@ -0,0 +1,5 @@
+.input-group-prepend,
+.input-group-append {
+  vertical-align: middle; // Match the inputs
+  white-space: nowrap;
+}

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

@@ -0,0 +1,390 @@
+// IE10&11 Flexbox fix
+@media all and (-ms-high-contrast:none) {
+  html {
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+// app-dashboard and app-root are Angular2+ selectors. You can add here your own selectors if you need.
+.app,
+app-dashboard,
+app-root {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+.app-header {
+  flex: 0 0 $navbar-height;
+}
+
+.app-footer {
+  flex: 0 0 $footer-height;
+}
+
+.app-body {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  overflow-x: hidden;
+
+  .main {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .sidebar {
+    flex: 0 0 $sidebar-width;
+    order: -1;
+  }
+
+  .aside-menu {
+    flex: 0 0 $aside-menu-width;
+  }
+}
+
+//
+// header
+//
+.header-fixed {
+  .app-header {
+    position: fixed;
+    width: 100%;
+    z-index: $zindex-sticky;
+  }
+
+  .app-body {
+    margin-top: $navbar-height;
+  }
+}
+
+//
+// Sidebar
+//
+.sidebar-hidden {
+  .sidebar {
+    margin-left: - $sidebar-width;
+  }
+}
+
+.sidebar-fixed {
+  .sidebar {
+    height: calc(100vh - #{$navbar-height});
+    position: fixed;
+    width: $sidebar-width;
+    z-index: $zindex-sticky - 1;
+  }
+
+  .main,
+  .app-footer {
+    margin-left: $sidebar-width;
+  }
+
+  &.sidebar-hidden {
+    .main,
+    .app-footer {
+      margin-left: 0;
+    }
+  }
+}
+
+.sidebar-off-canvas {
+  .sidebar {
+    height: calc(100vh - #{$navbar-height});
+    position: fixed;
+    z-index: $zindex-sticky - 1;
+  }
+}
+
+@include media-breakpoint-up(lg) {
+  .sidebar-compact {
+    .sidebar {
+      flex: 0 0 $sidebar-compact-width;
+    }
+
+    &.sidebar-hidden {
+      .sidebar {
+        margin-left: - $sidebar-compact-width;
+      }
+    }
+
+    &.sidebar-fixed {
+      .main,
+      .app-footer {
+        margin-left: $sidebar-compact-width;
+      }
+
+      .sidebar {
+        width: $sidebar-compact-width;
+      }
+
+      &.sidebar-hidden {
+        .main,
+        .app-footer {
+          margin-left: 0;
+        }
+      }
+    }
+
+    .sidebar-minimizer {
+      display: none;
+    }
+  }
+
+  .sidebar-minimized {
+    .sidebar {
+      flex: 0 0 $sidebar-minimized-width;
+    }
+
+    &.sidebar-hidden {
+      .sidebar {
+        margin-left: - $sidebar-minimized-width;
+      }
+    }
+
+    &.sidebar-fixed {
+      .main,
+      .app-footer {
+        margin-left: $sidebar-minimized-width;
+      }
+
+      .sidebar {
+        width: $sidebar-minimized-width;
+      }
+
+      &.sidebar-hidden {
+        .main,
+        .app-footer {
+          margin-left: 0;
+        }
+      }
+    }
+  }
+}
+
+//
+// Aside Menu
+//
+.aside-menu-hidden {
+  .aside-menu {
+    margin-right: - $aside-menu-width;
+  }
+}
+
+.aside-menu-fixed {
+  .aside-menu {
+    height: 100%;
+    position: fixed;
+    right: 0;
+
+    .tab-content {
+      height: calc(100vh - #{$aside-menu-nav-padding-y * 2 + $font-size-base} - #{$navbar-height});
+    }
+  }
+
+  .main,
+  .app-footer {
+    margin-right: $aside-menu-width;
+  }
+
+  &.aside-menu-hidden {
+    .main,
+    .app-footer {
+      margin-right: 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});
+    }
+  }
+}
+
+//
+// Breadcrumb
+//
+.breadcrumb-fixed {
+  .main {
+    $breadcrumb-height: 2 * $breadcrumb-padding-y + $font-size-base + 1.5 * $spacer;
+    padding-top: $breadcrumb-height;
+  }
+
+  .breadcrumb {
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: $navbar-height;
+    z-index: $zindex-sticky - 2;
+  }
+
+  // if sidebar + main + aside
+  .main:nth-child(2) {
+    .breadcrumb {
+      left: $sidebar-width;
+      right: $aside-menu-width;
+    }
+  }
+
+  // if sidebar + main
+  .main:first-child {
+    .breadcrumb {
+      left: 0;
+      right: $aside-menu-width;
+    }
+  }
+
+  // if  main + aside
+  .main:last-child {
+    .breadcrumb {
+      right: 0;
+    }
+  }
+
+  &.sidebar-minimized {
+    .main .breadcrumb {
+      left: $sidebar-minimized-width;
+    }
+  }
+
+  &.sidebar-hidden,
+  &.sidebar-off-canvas {
+    .main .breadcrumb {
+      left: 0;
+    }
+  }
+
+  &.aside-menu-hidden,
+  &.aside-menu-off-canvas {
+    .main .breadcrumb {
+      right: 0;
+    }
+  }
+}
+
+//
+// Footer
+//
+.footer-fixed {
+  .app-footer {
+    bottom: 0;
+    height: $footer-height;
+    left: 0;
+    position: fixed;
+    right: 0;
+    z-index: $zindex-sticky;
+  }
+
+  .app-body {
+    margin-bottom: $footer-height;
+  }
+}
+
+//
+// Animations
+//
+.app-header,
+.app-footer,
+.sidebar,
+.main,
+.aside-menu {
+  transition: margin-left $layout-transition-speed, margin-right $layout-transition-speed, width $layout-transition-speed, flex $layout-transition-speed;
+}
+
+.sidebar-nav {
+  transition: width $layout-transition-speed;
+}
+
+.breadcrumb {
+  transition: left $layout-transition-speed, right $layout-transition-speed, width $layout-transition-speed;
+}
+
+//
+// Mobile layout
+//
+
+@include media-breakpoint-down(md) {
+  .app-header.navbar {
+    @include borders($navbar-brand-border);
+    background-color: $navbar-brand-bg;
+    position: fixed !important;
+    text-align: center;
+    width: 100%;
+    z-index: $zindex-sticky;
+
+    .navbar-toggler {
+      @if (lightness( $navbar-brand-bg ) > 40) {
+        color: $navbar-color;
+      } @else {
+        color: $white;
+      }
+    }
+
+    .navbar-brand {
+      left: 50%;
+      margin-left: - ($navbar-brand-width / 2);
+      position: absolute;
+    }
+  }
+
+  .app-body {
+    margin-top: $navbar-height;
+  }
+
+  .breadcrumb-fixed {
+    .main:nth-child(2) .breadcrumb {
+      left: auto;
+      right: auto;
+      width: 100%;
+    }
+  }
+
+  .sidebar {
+    height: calc(100vh - #{$navbar-height});
+    margin-left: - $mobile-sidebar-width;
+    position: fixed;
+    width: $mobile-sidebar-width;
+    z-index: $zindex-sticky - 1;
+
+    .sidebar-nav,
+    .nav {
+      min-height: calc(100vh - #{$navbar-height});
+      width: $mobile-sidebar-width;
+    }
+
+    .sidebar-minimizer {
+      display: none;
+    }
+  }
+
+  .main,
+  .app-footer {
+    margin-left: 0 !important;
+  }
+
+  .sidebar-hidden {
+    .sidebar {
+      margin-left: - $mobile-sidebar-width;
+    }
+  }
+
+  .sidebar-mobile-show {
+    .sidebar {
+      margin-left: 0;
+      width: $mobile-sidebar-width;
+    }
+
+    .main {
+      margin-left: $mobile-sidebar-width !important;
+      margin-right: - $mobile-sidebar-width !important;
+    }
+  }
+}

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

@@ -0,0 +1,128 @@
+// Angular Version
+// Make clicks pass-through
+// scss-lint:disable all
+#loading-bar,
+#loading-bar-spinner {
+  -webkit-pointer-events: none;
+  pointer-events: none;
+  -moz-transition: 350ms linear all;
+  -o-transition: 350ms linear all;
+  -webkit-transition: 350ms linear all;
+  transition: 350ms linear all;
+}
+
+#loading-bar.ng-enter,
+#loading-bar.ng-leave.ng-leave-active,
+#loading-bar-spinner.ng-enter,
+#loading-bar-spinner.ng-leave.ng-leave-active {
+  opacity: 0;
+}
+
+#loading-bar.ng-enter.ng-enter-active,
+#loading-bar.ng-leave,
+#loading-bar-spinner.ng-enter.ng-enter-active,
+#loading-bar-spinner.ng-leave {
+  opacity: 1;
+}
+
+#loading-bar .bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 20002;
+  width: 100%;
+  height: 2px;
+  background: theme-color("primary");
+  border-top-right-radius: 1px;
+  border-bottom-right-radius: 1px;
+  -moz-transition: width 350ms;
+  -o-transition: width 350ms;
+  -webkit-transition: width 350ms;
+  transition: width 350ms;
+}
+
+// Fancy blur effect
+#loading-bar .peg {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 70px;
+  height: 2px;
+  -moz-border-radius: 100%;
+  -webkit-border-radius: 100%;
+  border-radius: 100%;
+  -moz-box-shadow: #29d 1px 0 6px 1px;
+  -ms-box-shadow: #29d 1px 0 6px 1px;
+  -webkit-box-shadow: #29d 1px 0 6px 1px;
+  box-shadow: #29d 1px 0 6px 1px;
+  opacity: .45;
+}
+
+#loading-bar-spinner {
+  position: fixed;
+  top: 10px;
+  left: 10px;
+  z-index: 10002;
+  display: block;
+}
+
+#loading-bar-spinner .spinner-icon {
+  width: 14px;
+  height: 14px;
+
+  border:  solid 2px transparent;
+  border-top-color:  #29d;
+  border-left-color: #29d;
+  border-radius: 50%;
+
+  -moz-animation:    loading-bar-spinner 400ms linear infinite;
+  -ms-animation:     loading-bar-spinner 400ms linear infinite;
+  -o-animation:      loading-bar-spinner 400ms linear infinite;
+  -webkit-animation: loading-bar-spinner 400ms linear infinite;
+  animation:         loading-bar-spinner 400ms linear infinite;
+}
+
+@-webkit-keyframes loading-bar-spinner {
+  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
+}
+@-moz-keyframes loading-bar-spinner {
+  0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
+  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
+}
+@-o-keyframes loading-bar-spinner {
+  0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
+  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
+}
+@-ms-keyframes loading-bar-spinner {
+  0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
+  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
+}
+@keyframes loading-bar-spinner {
+  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
+  100% { transform: rotate(360deg); transform: rotate(360deg); }
+}
+
+//Ajax & Static Version
+.pace {
+  -webkit-pointer-events: none;
+  pointer-events: none;
+
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.pace-inactive {
+  display: none;
+}
+
+.pace .pace-progress {
+  position: fixed;
+  top: 0;
+  right: 100%;
+  z-index: 2000;
+  width: 100%;
+  height: 2px;
+  background: theme-color("primary");
+}

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

@@ -0,0 +1 @@
+@import 'mixins/all';

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

@@ -0,0 +1,12 @@
+@each $color, $value in $theme-colors {
+  .modal-#{$color} {
+    .modal-content {
+      border-color: $value;
+    }
+
+    .modal-header {
+      background-color: $value;
+      color: $white;
+    }
+  }
+}

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

@@ -0,0 +1,39 @@
+.nav-tabs {
+  .nav-link {
+    color: $gray-600;
+
+    &:hover {
+      cursor: pointer;
+    }
+
+    &.active {
+      background: $white;
+      border-bottom-color: $white;
+      border-color: $border-color;
+      color: $gray-800;
+
+      &:focus {
+        background: $white;
+        border-bottom-color: $white;
+        border-color: $border-color;
+      }
+    }
+  }
+}
+
+.tab-content {
+  background: $white;
+  border: 1px solid $border-color;
+  margin-top: -1px;
+
+  .tab-pane {
+    padding: $spacer;
+  }
+}
+
+.card-block {
+  .tab-content {
+    border: 0;
+    margin-top: 0;
+  }
+}