v2 first commit

resources/assets/sass/core/cards/_card-animations.scss

@@ -0,0 +1,10 @@
+//
+// Card with hover animations
+//
+
+.card-lift--hover {
+    &:hover {
+        transform: translateY(-20px);
+        @include transition($transition-base);
+    }
+}

resources/assets/sass/core/cards/_card-blockquote.scss

@@ -0,0 +1,17 @@
+//
+// Card with blockquote
+//
+
+.card-blockquote {
+    padding: 2rem;
+    position: relative;
+
+    .svg-bg {
+        display: block;
+        width: 100%;
+        height: 95px;
+        position: absolute;
+        top: -94px;
+        left: 0;
+    }
+}

resources/assets/sass/core/cards/_card-money.scss

@@ -0,0 +1,27 @@
+//
+// Money card
+// A visual representation of a credit/debit card
+//
+
+.card-serial-number {
+    display: flex;
+    justify-content: space-between;
+    font-size: $h1-font-size;
+
+    > div:not(:last-child) {
+        display: flex;
+        flex: 1 1 auto;
+
+        &:after {
+            content: "-";
+            flex: 1 1 auto;
+            text-align: center;
+            position: relative;
+            left: -2px;
+        }
+    }
+
+    @include media-breakpoint-down(xs) {
+        font-size: $h3-font-size;
+    }
+}

resources/assets/sass/core/cards/_card-pricing.scss

@@ -0,0 +1,26 @@
+//
+// Pricing card
+//
+
+.card-pricing {
+    .card-header {
+        padding-top: 1.25rem;
+        padding-bottom: 1.25rem;
+    }
+    .list-unstyled li {
+        padding: .5rem 0;
+        color: $gray-600;
+    }
+}
+
+.card-pricing.popular {
+    z-index: 1;
+    border: 3px solid theme-color("primary") !important;
+}
+
+@include media-breakpoint-up(md) {
+    .card-pricing.zoom-in {
+        z-index: 1;
+        transform: scale(1.1);
+    }
+}

resources/assets/sass/core/cards/_card-profile.scss

@@ -0,0 +1,49 @@
+//
+// Profile card
+//
+
+.card-profile-image {
+    position: relative;
+
+    img {
+        max-width: 140px;
+        border-radius: $border-radius;
+        border: 3px solid $card-bg;
+        transform: translate(-50%,-50%) scale(1);
+        position: absolute;
+        left: 50%;
+        transition: $transition-base;
+
+        &:hover {
+            transform: translate(-50%,-50%) scale(1.03);
+        }
+    }
+}
+
+.card-profile-stats {
+    padding: 1rem 0;
+
+    > div {
+        text-align: center;
+        margin-right: 1rem;
+        padding: .875rem;
+
+        &:last-child {
+            margin-right: 0;
+        }
+
+        .heading {
+            font-size: 1.1rem;
+            font-weight: bold;
+            display: block;
+        }
+        .description {
+            font-size: .875rem;
+            color: $gray-500;
+        }
+    }
+}
+
+.card-profile-actions {
+    padding: .875rem;
+}

resources/assets/sass/core/cards/_card-stats.scss

@@ -0,0 +1,16 @@
+//
+// Card stats
+//
+
+.card-stats {
+    .card-body {
+        padding: 1rem 1.5rem;
+    }
+
+    .card-status-bullet {
+        position: absolute;
+        top: 0;
+        right: 0;
+        transform: translate(50%, -50%);
+    }
+}

resources/assets/sass/core/cards/_card.scss

@@ -0,0 +1,69 @@
+//
+// Card
+//
+
+.card {
+    margin-bottom: $grid-gutter-width;
+
+    @if $enable-shadows {
+        box-shadow: $card-box-shadow;
+        border: 0;
+    }
+}
+
+.card-translucent {
+    background-color: rgba(18, 91, 152, 0.08);
+}
+
+.card-img-top {
+    @if ($enable-shadows == false) {
+        width: calc(100% + 2px);
+        margin-left: -1px;
+        margin-top: -1px;
+    }
+}
+
+.card-img-bottom {
+    @if ($enable-shadows == false) {
+        width: calc(100% + 2px);
+        margin-left: -1px;
+        margin-bottom: -1px;
+    }
+}
+
+// Card decks
+
+.card-deck  {
+    .card {
+        margin-bottom: $grid-gutter-width;
+    }
+}
+
+
+// Card with shdadow
+
+.card {
+    &.shadow {
+        border: 0 !important;
+    }
+}
+
+
+//
+// Columns
+//
+
+.card-columns {
+    @include media-breakpoint-up(sm) {
+        column-count: 1;
+    }
+
+    @include media-breakpoint-up(md) {
+        column-count: 2;
+    }
+
+    @include media-breakpoint-up(xl) {
+        column-count: $card-columns-count;
+        column-gap: $card-columns-gap;
+    }
+}