archangel 0.0.2

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

@@ -0,0 +1,408 @@
+button {
+  cursor: pointer;
+}
+
+.btn-transparent {
+  background-color: transparent;
+  border-color: transparent;
+  color: $white;
+}
+
+.btn {
+  [class^='icon-'],
+  [class*=' icon-'] {
+    display: inline-block;
+    margin-top: -2px;
+    vertical-align: middle;
+  }
+}
+
+.btn-facebook,
+.btn-twitter,
+.btn-linkedin,
+.btn-tumblr,
+.btn-xing,
+.btn-github,
+.btn-html5,
+.btn-openid,
+.btn-stack-overflow,
+.btn-youtube,
+.btn-css3,
+.btn-dribbble,
+.btn-google-plus,
+.btn-instagram,
+.btn-pinterest,
+.btn-reddit,
+.btn-spotify,
+.btn-vimeo {
+  @include button-social-size($input-btn-padding-y, $input-btn-padding-x, $font-size-base, $line-height-base, $btn-border-radius);
+  color: $white !important;
+  overflow: hidden;
+  position: relative;
+  text-align: center;
+
+  &::before {
+    display: block;
+    font-family: 'FontAwesome';
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    font-style: normal;
+    font-weight: normal;
+    left: 0;
+    position: absolute;
+    top: 0;
+  }
+
+  &:hover {
+    color: $white;
+  }
+
+  &.icon {
+
+    span {
+      display: none;
+    }
+  }
+
+  &.text {
+    &::before {
+      display: none;
+    }
+
+    span {
+      margin-left: 0 !important;
+    }
+  }
+
+  &.btn-lg {
+    @include button-social-size($input-btn-padding-y-lg, $input-btn-padding-x-lg, $font-size-lg, $line-height-lg, $btn-border-radius-lg);
+  }
+
+  &.btn-sm {
+    @include button-social-size($input-btn-padding-y-sm, $input-btn-padding-x-sm, $font-size-sm, $line-height-sm, $btn-border-radius-sm);
+  }
+}
+
+.btn-facebook {
+  $color: $facebook;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f09a';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-twitter {
+  $color: $twitter;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f099';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-linkedin {
+  $color: $linkedin;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f0e1';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-tumblr {
+  $color: $tumblr;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f173';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-xing {
+  $color: $xing;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f168';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-github {
+  $color: $github;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f09b';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-html5 {
+  $color: $html5;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f13b';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-openid {
+  $color: $openid;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f19b';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-stack-overflow {
+  $color: $stack-overflow;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f16c';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-css3 {
+  $color: $css3;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f13c';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-youtube {
+  $color: $youtube;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f167';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-dribbble {
+  $color: $dribbble;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f17d';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-google-plus {
+  $color: $google-plus;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f0d5';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-instagram {
+  $color: $instagram;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f16d';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-pinterest {
+  $color: $pinterest;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f0d2';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-reddit {
+  $color: $reddit;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f1a1';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-spotify {
+  $color: $spotify;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f1bc';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}
+
+.btn-vimeo {
+  $color: $vimeo;
+  background: $color;
+
+  &::before {
+    background: darken($color, 5%);
+    content: '\f194';
+  }
+
+  &:hover {
+    background: darken($color, 5%);
+
+    &::before {
+      background: darken($color, 10%);
+    }
+  }
+}

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

@@ -0,0 +1,58 @@
+.callout {
+  border: 0 solid $border-color;
+  border-left-width: .25rem;
+  margin: $spacer 0;
+  padding: 0 $spacer;
+  position: relative;
+  @if $enable-rounded {
+    border-radius: .25rem;
+  }
+
+  code {
+    border-radius: .25rem;
+  }
+
+  h4 {
+    margin-bottom: .25rem;
+    margin-top: 0;
+  }
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+
+  + .callout {
+    margin-top: - .25rem;
+  }
+
+  .chart-wrapper {
+    float: right;
+    left: 50%;
+    position: absolute;
+    top: 10px;
+    width: 50%;
+  }
+}
+
+.callout-bordered {
+  border: 1px solid $border-color;
+  border-left-width: .25rem;
+}
+
+.callout-default {
+  border-left-color: $text-muted;
+
+  h4 {
+    color: $text-muted;
+  }
+}
+
+@each $color, $value in $theme-colors {
+  .callout-#{$color} {
+    border-left-color: $value;
+
+    h4 {
+      color: $value;
+    }
+  }
+}

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

@@ -0,0 +1,199 @@
+.card {
+  margin-bottom: 1.5 * $spacer;
+
+  @each $color, $value in $theme-colors {
+    &.bg-#{$color} {
+      border-color: darken($value, 12.5%);
+
+      .card-header {
+        background-color: darken($value, 3%);
+        border-color: darken($value, 12.5%);
+      }
+    }
+  }
+}
+
+.text-white .text-muted {
+  color: rgba($white, .6) !important;
+}
+
+.card-header {
+  .icon-bg {
+    background: $card-icon-bg;
+    border-right: $card-border-width solid $card-border-color;
+    color: $card-icon-color;
+    display: inline-block;
+    line-height: inherit;
+    margin-bottom: -$card-spacer-y;
+    margin-left: -$card-spacer-x;
+    margin-right: $card-spacer-x;
+    margin-top: -$card-spacer-y;
+    padding: $card-spacer-y $card-spacer-x !important;
+    vertical-align: bottom;
+  }
+
+  .nav.nav-tabs {
+    border-bottom: 0;
+    margin-bottom: -$card-spacer-y;
+    margin-top: -$card-spacer-y;
+
+    .nav-item {
+      border-top: 0;
+    }
+
+    .nav-link {
+      border-top: 0;
+      color: $text-muted;
+      padding: $card-spacer-y $card-spacer-x / 2;
+
+      &.active {
+        background: $white;
+        color: $body-color;
+      }
+    }
+  }
+
+  &.card-header-inverse {
+    color: $white;
+  }
+
+  .btn {
+    margin-top: - $input-btn-padding-y;
+  }
+
+  .btn-sm {
+    margin-top: - $input-btn-padding-y-sm;
+  }
+
+  .btn-lg {
+    margin-top: - $input-btn-padding-y-lg;
+  }
+}
+//
+.card-footer {
+
+  ul {
+    display: table;
+    margin: 0;
+    padding: 0;
+    table-layout: fixed;
+    width: 100%;
+
+    li {
+      display: table-cell;
+      padding: 0 $card-spacer-x;
+      text-align: center;
+    }
+  }
+}
+
+[class*="card-outline-"] {
+  .card-body {
+    background: $white !important;
+  }
+
+  &.card-outline-top {
+    border-bottom-color: $border-color;
+    border-left-color: $border-color;
+    border-right-color: $border-color;
+    border-top-width: 2px;
+  }
+}
+
+// Cards with color accent
+@each $color, $value in $theme-colors {
+  .card-accent-#{$color} {
+    @include card-accent-variant($value);
+  }
+}
+
+// Card Actions
+.card-header {
+  > i {
+    margin-right: $spacer / 2;
+  }
+
+  .card-actions {
+    //height: inherit;
+    position: absolute;
+    right: 0;
+    top: 0;
+
+    a,
+    button {
+      background: transparent;
+      border: 0;
+      border-left: 1px solid $border-color;
+      box-shadow: 0;
+      color: $body-color;
+      display: block;
+      float: left;
+      margin: 0 !important;
+      padding: $card-spacer-y 0;
+      text-align: center;
+      width: 50px;
+
+      &:hover {
+        text-decoration: none;
+      }
+
+      [class^="icon-"],
+      [class*=" icon-"] {
+        display: inline-block;
+        vertical-align: middle;
+      }
+
+      i {
+        display: inline-block;
+        transition: .4s;
+      }
+
+      .r180 {
+        transform: rotate(180deg);
+      }
+    }
+
+    .input-group {
+      margin: 6px;
+      width: 230px;
+
+      .input-group-prepend,
+      .input-group-append {
+        background: $white;
+      }
+
+      input {
+        border-left: 0;
+      }
+    }
+  }
+}
+
+.card-full {
+  border: 0;
+  border-bottom: $card-border-width solid $border-color;
+  margin-left: - $grid-gutter-width / 2;
+  margin-right: - $grid-gutter-width / 2;
+  margin-top: - $spacer;
+}
+
+@include media-breakpoint-up(sm) {
+  .card-columns {
+
+    &.cols-2 {
+      column-count: 2;
+    }
+  }
+}
+
+.card {
+  &.drag,
+  .drag {
+    cursor: move;
+  }
+}
+
+.card-placeholder {
+  background: rgba($black, .025);
+  border: 1px dashed $gray-300;
+}

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

@@ -0,0 +1,9 @@
+.chart-wrapper {
+  canvas {
+    width: 100% !important;
+  }
+}
+// scss-lint:disable QualifyingElement
+base-chart.chart {
+  display: block !important;
+}

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

@@ -0,0 +1,8 @@
+// Temp fix for reactstrap
+.app-header {
+  .navbar-nav {
+    .dropdown-menu-right {
+      right: auto;
+    }
+  }
+}