coreui-rails 0.2.4

data/app/assets/stylesheets/coreui/_breadcrumb.scss

@@ -0,0 +1,4 @@
+.breadcrumb {
+  position: relative;
+  @include borders($breadcrumb-borders);
+}

data/app/assets/stylesheets/coreui/_buttons.scss

@@ -0,0 +1,18 @@
+button {
+  cursor: pointer;
+}
+
+.btn-transparent {
+  color: #fff;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.btn {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    display: inline-block;
+    margin-top: -2px;
+    vertical-align: middle;
+  }
+}

data/app/assets/stylesheets/coreui/_callout.scss

@@ -0,0 +1,55 @@
+.callout {
+  position: relative;
+  padding: 0 $spacer;
+  margin: $spacer 0;
+  border: 0 solid $border-color;
+  border-left-width: .25rem;
+
+  @if $enable-rounded {
+    border-radius: .25rem;
+  }
+
+  .chart-wrapper {
+    position: absolute;
+    top: 10px;
+    left: 50%;
+    float: right;
+    width: 50%;
+  }
+}
+
+.callout-bordered {
+  border: 1px solid $border-color;
+  border-left-width: .25rem;
+}
+.callout code {
+  border-radius: .25rem;
+}
+.callout h4 {
+  margin-top: 0;
+  margin-bottom: .25rem;
+}
+.callout p:last-child {
+  margin-bottom: 0;
+}
+.callout + .callout {
+  margin-top: - .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/assets/stylesheets/coreui/_card.scss

@@ -0,0 +1,107 @@
+.card {
+  margin-bottom: ($spacer * 1.5);
+
+  // Cards with color accent
+  @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%);
+      }
+    }
+  }
+
+  &.drag,
+  .drag {
+    cursor: move;
+  }
+}
+
+.card-placeholder {
+  background: rgba(0, 0, 0, .025);
+  border: 1px dashed $gray-300;
+}
+
+.card-header {
+  > i {
+    margin-right: $spacer / 2;
+  }
+
+  .nav-tabs {
+    margin-top: -$card-spacer-y;
+    margin-bottom: -$card-spacer-y;
+    border-bottom: 0;
+
+    .nav-item {
+      border-top: 0;
+    }
+
+    .nav-link {
+      padding: $card-spacer-y ($card-spacer-x / 2);
+      color: $text-muted;
+      border-top: 0;
+
+      &.active {
+        color: $body-color;
+        background: #fff;
+      }
+    }
+  }
+}
+
+.card-header-icon-bg {
+  display: inline-block;
+  width: ($card-spacer-y * 2) + ($font-size-base * $line-height-base);
+  padding: $card-spacer-y 0;
+  margin: (- $card-spacer-y) $card-spacer-x (- $card-spacer-y) (- $card-spacer-x);
+  line-height: inherit;
+  color: $card-icon-color;
+  text-align: center;
+  background: $card-icon-bg;
+  border-right: $card-border-width solid $card-border-color;
+}
+
+.card-header-actions {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: inline-flex;
+}
+
+.card-header-action {
+  width: ($card-spacer-y * 2) + ($font-size-base * $line-height-base);
+  padding: $card-spacer-y 0;
+  color: $body-color;
+  text-align: center;
+  border-left: 1px solid $border-color;
+
+  &:hover {
+    text-decoration: none;
+  }
+}
+
+
+// Cards with color accent
+@each $color, $value in $theme-colors {
+  .card-accent-#{$color} {
+    @include card-accent-variant($value);
+  }
+}
+
+.card-full {
+  margin-top: - $spacer;
+  margin-right: - $grid-gutter-width / 2;
+  margin-left: - $grid-gutter-width / 2;
+  border: 0;
+  border-bottom: $card-border-width solid $border-color;
+}
+
+@include media-breakpoint-up(sm) {
+  .card-columns {
+
+    &.cols-2 {
+      column-count: 2;
+    }
+  }
+}

data/app/assets/stylesheets/coreui/_charts.scss

@@ -0,0 +1,7 @@
+.chart-wrapper canvas {
+  width: 100%;
+}
+// stylelint-disable selector-no-qualifying-type, selector-type-no-unknown
+base-chart.chart {
+  display: block;
+}

data/app/assets/stylesheets/coreui/_deprecated.scss

@@ -0,0 +1,175 @@
+// stylelint-disable
+.horizontal-bars {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+
+  li {
+    position: relative;
+    height: 40px;
+    line-height: 40px;
+    vertical-align: middle;
+
+    .title {
+      width: 100px;
+      font-size: 12px;
+      font-weight: 600;
+      color: $text-muted;
+      vertical-align: middle;
+    }
+
+    .bars {
+      position: absolute;
+      top: 15px;
+      width: 100%;
+      padding-left: 100px;
+
+      .progress:first-child {
+        margin-bottom: 2px;
+      }
+    }
+
+    &.legend {
+      text-align: center;
+
+      .badge {
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        padding: 0;
+      }
+    }
+
+    &.divider {
+      height: 40px;
+
+      i {
+        margin: 0 !important;
+      }
+    }
+  }
+
+  &.type-2 {
+
+    li {
+      overflow: hidden;
+
+      i {
+        display: inline-block;
+        margin-right: $spacer;
+        margin-left: 5px;
+        font-size: 18px;
+        line-height: 40px;
+      }
+
+      .title {
+        display: inline-block;
+        width: auto;
+        margin-top: -9px;
+        font-size: $font-size-base;
+        font-weight: normal;
+        line-height: 40px;
+        color: $body-color;
+      }
+
+      .value {
+        float: right;
+        font-weight: 600;
+      }
+
+      .bars {
+        position: absolute;
+        top: auto;
+        bottom: 0;
+        padding: 0;
+      }
+    }
+  }
+}
+
+
+// .social-box
+.social-box {
+  min-height: 160px;
+  margin-bottom: 2 * $card-spacer-y;
+  text-align: center;
+  background: #fff;
+  border: $card-border-width solid $card-border-color;
+  @include border-radius($card-border-radius);
+
+  i {
+    display: block;
+    margin: -1px -1px 0;
+    font-size: 40px;
+    line-height: 90px;
+    background: $gray-200;
+
+    @include border-radius($card-border-radius $card-border-radius 0 0);
+  }
+
+  .chart-wrapper {
+    height: 90px;
+    margin: -90px 0 0;
+
+    canvas {
+      width: 100%;
+      height: 90px;
+    }
+  }
+
+  ul {
+    padding: 10px 0;
+    list-style: none;
+
+
+    li {
+      display: block;
+      float: left;
+      width: 50%;
+
+      &:first-child {
+        border-right: 1px solid $border-color;
+      }
+
+      strong {
+        display: block;
+        font-size: 20px;
+      }
+
+      span {
+        font-size: 10px;
+        font-weight: 500;
+        color: $border-color;
+        text-transform: uppercase;
+      }
+    }
+  }
+
+  &.facebook {
+    i {
+      color: #fff;
+      background: $facebook;
+    }
+  }
+
+  &.twitter {
+    i {
+      color: #fff;
+      background: $twitter;
+    }
+  }
+
+  &.linkedin {
+    i {
+      color: #fff;
+      background: $linkedin;
+    }
+  }
+
+  &.google-plus {
+    i {
+      color: #fff;
+      background: $google-plus;
+    }
+  }
+}

data/app/assets/stylesheets/coreui/_dropdown-menu-right.scss

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

data/app/assets/stylesheets/coreui/_dropdown.scss

@@ -0,0 +1,69 @@
+// Links, buttons, and more within the dropdown menu
+.dropdown-item {
+  position: relative;
+  padding: 10px 20px;
+  border-bottom: 1px solid $dropdown-border-color;
+
+  &:last-child {
+    border-bottom: 0;
+  }
+
+  i {
+    display: inline-block;
+    width: 20px;
+    margin-right: 10px;
+    margin-left: -10px;
+    color: $dropdown-border-color;
+    text-align: center;
+  }
+
+  .badge {
+    position: absolute;
+    right: 10px;
+    margin-top: 2px;
+  }
+}
+
+// Dropdown section headers
+.dropdown-header {
+  padding: 8px 20px;
+  background: $dropdown-divider-bg;
+  border-bottom: 1px solid $dropdown-border-color;
+
+  .btn {
+    margin-top: -7px;
+    color: $dropdown-header-color;
+
+    &: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 {
+      right: 0;
+      left: auto; // Reset the default from `.dropdown-menu`
+    }
+
+    .dropdown-menu-left {
+      right: auto;
+      left: 0;
+    }
+  }
+}