coreui-rails 0.2.4

data/app/assets/stylesheets/bootstrap/utilities/_screenreaders.scss

@@ -0,0 +1,11 @@
+//
+// Screenreaders
+//
+
+.sr-only {
+  @include sr-only();
+}
+
+.sr-only-focusable {
+  @include sr-only-focusable();
+}

data/app/assets/stylesheets/bootstrap/utilities/_sizing.scss

@@ -0,0 +1,12 @@
+// stylelint-disable declaration-no-important
+
+// Width and height
+
+@each $prop, $abbrev in (width: w, height: h) {
+  @each $size, $length in $sizes {
+    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
+  }
+}
+
+.mw-100 { max-width: 100% !important; }
+.mh-100 { max-height: 100% !important; }

data/app/assets/stylesheets/bootstrap/utilities/_spacing.scss

@@ -0,0 +1,51 @@
+// stylelint-disable declaration-no-important
+
+// Margin and Padding
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $prop, $abbrev in (margin: m, padding: p) {
+      @each $size, $length in $spacers {
+
+        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
+        .#{$abbrev}t#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-top: $length !important;
+        }
+        .#{$abbrev}r#{$infix}-#{$size},
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-right: $length !important;
+        }
+        .#{$abbrev}b#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-bottom: $length !important;
+        }
+        .#{$abbrev}l#{$infix}-#{$size},
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-left: $length !important;
+        }
+      }
+    }
+
+    // Some special margin utils
+    .m#{$infix}-auto { margin: auto !important; }
+    .mt#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-top: auto !important;
+    }
+    .mr#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-right: auto !important;
+    }
+    .mb#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-bottom: auto !important;
+    }
+    .ml#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-left: auto !important;
+    }
+  }
+}

data/app/assets/stylesheets/bootstrap/utilities/_text.scss

@@ -0,0 +1,52 @@
+// stylelint-disable declaration-no-important
+
+//
+// Text
+//
+
+// Alignment
+
+.text-justify  { text-align: justify !important; }
+.text-nowrap   { white-space: nowrap !important; }
+.text-truncate { @include text-truncate; }
+
+// Responsive alignment
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .text#{$infix}-left   { text-align: left !important; }
+    .text#{$infix}-right  { text-align: right !important; }
+    .text#{$infix}-center { text-align: center !important; }
+  }
+}
+
+// Transformation
+
+.text-lowercase  { text-transform: lowercase !important; }
+.text-uppercase  { text-transform: uppercase !important; }
+.text-capitalize { text-transform: capitalize !important; }
+
+// Weight and italics
+
+.font-weight-light  { font-weight: $font-weight-light !important; }
+.font-weight-normal { font-weight: $font-weight-normal !important; }
+.font-weight-bold   { font-weight: $font-weight-bold !important; }
+.font-italic        { font-style: italic !important; }
+
+// Contextual colors
+
+.text-white { color: #fff !important; }
+
+@each $color, $value in $theme-colors {
+  @include text-emphasis-variant(".text-#{$color}", $value);
+}
+
+.text-muted { color: $text-muted !important; }
+
+// Misc
+
+.text-hide {
+  @include text-hide();
+}

data/app/assets/stylesheets/bootstrap/utilities/_visibility.scss

@@ -0,0 +1,11 @@
+//
+// Visibility utilities
+//
+
+.visible {
+  @include invisible(visible);
+}
+
+.invisible {
+  @include invisible(hidden);
+}

data/app/assets/stylesheets/coreui-free.scss

@@ -0,0 +1,18 @@
+/*!
+ * CoreUI - Open Source Bootstrap Admin Template
+ * @version v1.0.0-alpha.6
+ * @link http://coreui.io
+ * Copyright (c) 2018 creativeLabs Łukasz Holeczek
+ * @license MIT
+ */
+
+// Override Boostrap variables
+@import "bootstrap-variables";
+// Import Bootstrap source files
+@import "bootstrap/bootstrap";
+// Override core variables
+@import "coreui-variables";
+// Import core styles
+@import "coreui/coreui";
+// Custom styles
+@import "custom";

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

@@ -0,0 +1,27 @@
+// scss-lint:disable all
+.animated {
+  animation-duration: 1s;
+  // animation-fill-mode: both;
+}
+
+.animated.infinite {
+  animation-iteration-count: infinite;
+}
+
+.animated.hinge {
+  animation-duration: 2s;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.fadeIn {
+  animation-name: fadeIn;
+}

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

@@ -0,0 +1,64 @@
+.aside-menu {
+  z-index: $zindex-sticky - 1;
+  width: $aside-menu-width;
+  color: $aside-menu-color;
+  background: $aside-menu-bg;
+  @include borders($aside-menu-borders);
+
+  .nav-tabs {
+    border-color: $border-color;
+    .nav-link {
+      padding: $aside-menu-nav-padding-y $aside-menu-nav-padding-x;
+      color: $body-color;
+      border-top: 0;
+      &.active {
+        color: theme-color("primary");
+        border-right-color: $border-color;
+        border-left-color: $border-color;
+      }
+    }
+    .nav-item:first-child {
+      .nav-link {
+        border-left: 0;
+      }
+    }
+  }
+
+  .tab-content {
+    position: relative;
+    overflow-x: hidden;
+    overflow-y: auto;
+    border: 0;
+    border-top: 1px solid $border-color;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+
+    &::-webkit-scrollbar {
+      width: 10px;
+      margin-left: -10px;
+      appearance: none;
+    }
+
+    // &::-webkit-scrollbar-button {    }
+
+    &::-webkit-scrollbar-track {
+      background-color: lighten($aside-menu-bg, 5%);
+      border-right: 1px solid darken($aside-menu-bg, 5%);
+      border-left: 1px solid darken($aside-menu-bg, 5%);
+    }
+
+    // &::-webkit-scrollbar-track-piece {    }
+
+    &::-webkit-scrollbar-thumb {
+      height: 50px;
+      background-color: darken($aside-menu-bg, 10%);
+      background-clip: content-box;
+      border-color: transparent;
+      border-style: solid;
+      border-width: 1px 2px;
+    }
+
+    .tab-pane {
+      padding: 0;
+    }
+  }
+}

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

@@ -0,0 +1,51 @@
+.img-avatar {
+  border-radius: 50em;
+}
+
+.avatar {
+  $width: 36px;
+  $status-width: 10px;
+  @include avatar($width,$status-width);
+}
+
+.avatar.avatar-xs {
+  $width: 20px;
+  $status-width: 8px;
+  @include avatar($width,$status-width);
+}
+
+.avatar.avatar-sm {
+  $width: 24px;
+  $status-width: 8px;
+  @include avatar($width,$status-width);
+}
+
+.avatar.avatar-lg {
+  $width: 72px;
+  $status-width: 12px;
+  @include avatar($width,$status-width);
+}
+
+.avatars-stack {
+  .avatar.avatar-xs {
+    margin-right: -10px;
+  }
+
+  // .avatar.avatar-sm {
+  //
+  // }
+
+  .avatar {
+    margin-right: -15px;
+    transition: margin-left $layout-transition-speed, margin-right $layout-transition-speed;
+
+    &:hover {
+      margin-right: 0;
+    }
+  }
+
+  // .avatar.avatar-lg {
+  //
+  // }
+
+}

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

@@ -0,0 +1,3 @@
+.badge-pill {
+  border-radius: $badge-pill-border-radius;
+}

data/app/assets/stylesheets/coreui/_brand-card.scss

@@ -0,0 +1,51 @@
+//
+// Base styles
+//
+
+.brand-card {
+  position: relative;
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  margin-bottom: ($spacer * 1.5);
+  word-wrap: break-word;
+  background-color: $card-bg;
+  background-clip: border-box;
+  border: $card-border-width solid $card-border-color;
+  @include border-radius($card-border-radius);
+}
+
+.brand-card-header {
+  position: relative;
+  display: flex;
+  height: 6rem;
+  justify-content: center;
+  align-items: center;
+
+  i {
+    font-size: 2rem;
+    color: #fff;
+  }
+
+  .chart-wrapper {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.brand-card-body {
+  display: flex;
+  flex-direction: row;
+  padding: $card-spacer-y 0;
+  text-align: center;
+
+  > * {
+    flex: 1;
+    padding: ($card-spacer-y * .25) 0;
+  }
+
+  > *:not(:last-child) {
+    border-right: 1px solid $border-color;
+  }
+}

data/app/assets/stylesheets/coreui/_brands-buttons.scss

@@ -0,0 +1,47 @@
+// Brands Buttons
+
+.btn-brand {
+  border: 0;
+  i {
+    display: inline-block;
+    width: (($btn-padding-y * 2) + ($font-size-base * $btn-line-height));
+    margin: (- $btn-padding-y) (- $btn-padding-x);
+    line-height: (($btn-padding-y * 2) + ($font-size-base * $btn-line-height));
+    text-align: center;
+    background-color: rgba(0, 0, 0, .2);
+  }
+
+  i + span {
+    margin-left: ($btn-padding-x * 2);
+  }
+
+  &.btn-lg {
+    i {
+      width: (($btn-padding-y-lg * 2) + ($font-size-lg * $btn-line-height-lg));
+      margin: (- $btn-padding-y-lg) (- $btn-padding-x-lg);
+      line-height: (($btn-padding-y-lg * 2) + ($font-size-lg * $btn-line-height-lg));
+    }
+
+    i + span {
+      margin-left: ($btn-padding-x-lg * 2);
+    }
+  }
+
+  &.btn-sm {
+    i {
+      width: (($btn-padding-y-sm * 2) + ($font-size-sm * $btn-line-height-sm));
+      margin: (- $btn-padding-y-sm) (- $btn-padding-x-sm);
+      line-height: (($btn-padding-y-sm * 2) + ($font-size-sm * $btn-line-height-sm));
+    }
+
+    i + span {
+      margin-left: ($btn-padding-x-sm * 2);
+    }
+  }
+}
+
+@each $color, $value in $brands-colors {
+  .btn-#{$color} {
+    @include button-variant($value, $value);
+  }
+}

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

@@ -0,0 +1,36 @@
+.breadcrumb-menu {
+  margin-left: auto;
+
+  &::before {
+    display: none;
+  }
+
+  .btn-group {
+    vertical-align: top;
+  }
+
+  .btn {
+    padding: 0 $input-btn-padding-x;
+    color: $text-muted;
+    vertical-align: top;
+    border: 0;
+
+    &:hover,
+    &.active {
+      color: $body-color;
+      background: transparent;
+    }
+  }
+
+  .open {
+    .btn {
+      color: $body-color;
+      background: transparent;
+    }
+  }
+
+  .dropdown-menu {
+    min-width: 180px;
+    line-height: $line-height-base;
+  }
+}