refactor: new project structure

2018-03-05 15:35:14 +01:00
parent 0347970e65
commit 7dcd6bff72
273 changed files with 102 additions and 5945 deletions
@@ -0,0 +1,193 @@
+.card {
+  margin-bottom: 1.5 * $spacer;
+
+  // 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%);
+      }
+    }
+  }
+}
+
+.text-white .text-muted {
+  color: rgba(255,255,255,.6) !important;
+}
+
+.card-header {
+
+  .icon-bg {
+    display: inline-block;
+    padding: $card-spacer-y $card-spacer-x !important;
+    margin-top: -$card-spacer-y;
+    margin-right: $card-spacer-x;
+    margin-bottom: -$card-spacer-y;
+    margin-left: -$card-spacer-x;
+    line-height: inherit;
+    color: $card-icon-color;
+    vertical-align: bottom;
+    background: $card-icon-bg;
+    border-right: $card-border-width solid $card-border-color;
+  }
+
+  .nav.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-inverse {
+    color: #fff;
+  }
+
+  .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;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    table-layout: fixed;
+
+    li {
+      display: table-cell;
+      padding: 0 $card-spacer-x;
+      text-align: center;
+    }
+  }
+}
+
+[class*="card-outline-"] {
+  .card-body {
+    background: #fff !important;
+  }
+
+  &.card-outline-top {
+    border-top-width: 2px;
+    border-right-color: $border-color;
+    border-bottom-color: $border-color;
+    border-left-color: $border-color;
+  }
+}
+
+// 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 {
+    position: absolute;
+    top: 0;
+    right: 0;
+    //height: inherit;
+
+    a, button {
+      display: block;
+      float: left;
+      width: 50px;
+      padding: $card-spacer-y 0;
+      margin: 0 !important;
+      color: $body-color;
+      text-align: center;
+      background: transparent;
+      border: 0;
+      border-left: 1px solid $border-color;
+      box-shadow: 0;
+
+      &: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 {
+      width: 230px;
+      margin: 6px;
+
+      .input-group-prepend, .input-group-append {
+        background: #fff;
+      }
+
+      input {
+        border-left: 0;
+      }
+    }
+  }
+}
+
+.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;
+    }
+  }
+}
+
+.card {
+  &.drag, .drag {
+    cursor: move;
+  }
+}
+
+.card-placeholder {
+  background: rgba(0,0,0,.025);
+  border: 1px dashed $gray-300;
+}