THUB-19: basic card styling (#12)

* THUB-19: initial commit

* THUB-19: image resizing

src/scss/components/card/_basic-card.scss

@@ -0,0 +1,55 @@
+@charset "UTF-8";
+
+.ptype-stanford-card {
+
+    // Card display
+    .su-card {
+        border: none;
+        box-shadow: none;
+
+        .image {
+            img,
+            figure {
+                display: block;
+                min-height: 397px;
+                width: 100%;
+                object-fit: cover;
+            }
+        }
+
+        section.su-card__contents {
+            padding: 4rem 0 0 0;
+
+            div.su-card__superhead {
+                @include slab;
+
+                font-size: 1.9rem;
+                font-weight: 400;
+                margin-bottom: 0;
+                line-height: 120%;
+            }
+
+            p {
+                padding: 1.8rem 0;
+            }
+
+
+            h2,
+            h3 {
+                @include thub-type-b;
+
+                margin-bottom: 0;
+            }
+
+            .su-link--action {
+                font-size: 1.9rem;
+                margin-top: 1.8rem;
+            }
+
+            .su-card__button {
+                margin-top: 1.8rem;
+            }
+        }
+    }
+
+}

src/scss/components/card/index.scss

@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+// Card Roll Up
+
+@import 'basic-card';

src/scss/components/index.scss

@@ -23,6 +23,7 @@
 // @import 'component-name/index';
 
 @import 'brand-bar/index';
+@import 'card/index';
 @import 'hero-banner/index';
 @import 'local-footer/index';
 @import 'main-nav/index';