anchor_ui-sprockets 5.2.0.1

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

@@ -0,0 +1,44 @@
+.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;
+  }
+}
+
+// Right-to-Left Support
+*[dir="rtl"] {
+  .breadcrumb-menu {
+    margin-right: auto;
+    margin-left: initial;
+  }
+}

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

@@ -0,0 +1,16 @@
+.breadcrumb {
+  position: relative;
+  @include border-radius($breadcrumb-border-radius);
+  @include borders($breadcrumb-borders);
+}
+
+*[dir="rtl"] {
+  .breadcrumb-item::before {
+    padding-right: 0;
+    padding-left: $breadcrumb-item-padding;
+  }
+  .breadcrumb-item {
+    padding-right: $breadcrumb-item-padding;
+    padding-left: 0;
+  }
+}

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

@@ -0,0 +1,32 @@
+//button {
+//  @extend .btn;
+//}
+
+.btn-transparent {
+  color: #fff;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.btn {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    display: inline-block;
+    margin-top: -2px;
+    vertical-align: middle;
+  }
+}
+
+.btn-pill {
+  border-radius: 50em;
+}
+
+.btn-square {
+  border-radius: 0;
+}
+
+@each $color, $value in $theme-colors {
+  .btn-ghost-#{$color} {
+    @include button-ghost-variant($value);
+  }
+}

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

@@ -0,0 +1,73 @@
+//
+// Base styles
+//
+
+.callout {
+  position: relative;
+  padding: 0 $spacer;
+  margin: $spacer 0;
+  border-left: 4px solid $border-color;
+
+  @if $enable-rounded {
+    border-radius: $border-radius;
+  }
+
+  .chart-wrapper {
+    position: absolute;
+    top: 10px;
+    left: 50%;
+    float: right;
+    width: 50%;
+  }
+}
+
+.callout-bordered {
+  border: 1px solid $border-color;
+  border-left-width: 4px;
+}
+.callout code {
+  border-radius: $border-radius;
+}
+.callout h4 {
+  margin-top: 0;
+  margin-bottom: .25rem;
+}
+.callout p:last-child {
+  margin-bottom: 0;
+}
+.callout + .callout {
+  margin-top: - .25rem;
+}
+
+//
+// Variants
+//
+
+@each $color, $value in $theme-colors {
+  .callout-#{$color} {
+    border-left-color: $value;
+
+    h4 {
+      color: $value;
+    }
+  }
+}
+
+// Right-to-Left Support
+*[dir="rtl"] {
+  .callout {
+    border-right: 4px solid $border-color;
+    border-left: 0;
+
+    @each $color, $value in $theme-colors {
+      &.callout-#{$color} {
+        border-right-color: $value;
+      }
+    }
+
+    .chart-wrapper {
+      left: 0;
+      float: left;
+    }
+  }
+}

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

@@ -0,0 +1,117 @@
+.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;
+      }
+    }
+  }
+}
+
+*[dir="rtl"] .card-header > i {
+  margin-right: 0;
+  margin-left: $spacer / 2;
+}
+
+.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 {
+  display: inline-block;
+  float: right;
+  margin-right: - ($spacer / 4);
+}
+
+*[dir="rtl"] {
+  .card-header-actions {
+    float: left;
+    margin-right: auto;
+    margin-left: - ($spacer / 4);
+  }
+}
+
+.card-header-action {
+  padding: 0 ($spacer / 4);
+  color: $gray-600;
+
+  &:hover {
+    color: $body-color;
+    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,55 @@
+.chart-wrapper canvas {
+  width: 100%;
+}
+// stylelint-disable selector-no-qualifying-type, selector-type-no-unknown
+base-chart.chart {
+  display: block;
+}
+
+canvas {
+  user-select: none;
+}
+
+.chartjs-tooltip {
+  position: absolute;
+  z-index: $zindex-sticky + 1;
+  display: flex;
+  flex-direction: column;
+  padding: ($spacer * .25) ($spacer * .5);
+  color: #fff;
+  pointer-events: none;
+  background: rgba(0, 0, 0, .7);
+  opacity: 0;
+  transition: all $layout-transition-speed ease;
+  transform: translate(-50%, 0);
+  @include border-radius($border-radius);
+
+  .tooltip-header {
+    margin-bottom: ($spacer * .5);
+  }
+
+  .tooltip-header-item {
+    font-size: $font-size-sm;
+    font-weight: $font-weight-bold;
+  }
+
+  .tooltip-body-item {
+    display: flex;
+    align-items: center;
+    font-size: $font-size-sm;
+    white-space: nowrap;
+  }
+
+  .tooltip-body-item-color {
+    display: inline-block;
+    width: $font-size-base;
+    height: $font-size-base;
+    margin-right: $font-size-base;
+  }
+
+  .tooltip-body-item-value {
+    padding-left: $spacer;
+    margin-left: auto;
+    font-weight: $font-weight-bold;
+  }
+}

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;
+    }
+  }
+}

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

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

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

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