| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 | 
							- //
 
- // Mixins: Cards Variant
 
- //
 
- @mixin cards-variant($name, $color) {
 
-   .card-#{$name} {
 
-     &:not(.card-outline) {
 
-       > .card-header {
 
-         background-color: $color;
 
-         &,
 
-         a {
 
-           color: color-yiq($color);
 
-         }
 
-         a.active {
 
-           color: color-yiq($white);
 
-         }
 
-       }
 
-     }
 
-     &.card-outline {
 
-       border-top: 3px solid $color;
 
-     }
 
-     &.card-outline-tabs {
 
-       > .card-header {
 
-         a:hover{
 
-           border-top: 3px solid $nav-tabs-border-color;
 
-         }
 
-         a.active,
 
-         a.active:hover{
 
-           border-top: 3px solid $color;
 
-         }
 
-       }
 
-     }
 
-   }
 
-   .bg-#{$name},
 
-   .bg-gradient-#{$name},
 
-   .card-#{$name}:not(.card-outline) {
 
-     > .card-header {
 
-       .btn-tool {
 
-         color: rgba(color-yiq($color), .8);
 
-         &:hover {
 
-           color: color-yiq($color);
 
-         }
 
-       }
 
-     }
 
-   }
 
-   .card.bg-#{$name},
 
-   .card.bg-gradient-#{$name} {
 
-     .bootstrap-datetimepicker-widget {
 
-       .table td,
 
-       .table th {
 
-         border: none;
 
-       }
 
-       table thead tr:first-child th:hover,
 
-       table td.day:hover,
 
-       table td.hour:hover,
 
-       table td.minute:hover,
 
-       table td.second:hover {
 
-         background-color: darken($color, 8%);
 
-         color: color-yiq($color);
 
-       }
 
-       table td.today::before {
 
-         border-bottom-color: color-yiq($color);
 
-       }
 
-       table td.active,
 
-       table td.active:hover {
 
-         background-color: lighten($color, 10%);
 
-         color: color-yiq($color);
 
-       }
 
-     }
 
-   }
 
- }
 
 
  |