THUB-26: Teaser cards (#10)

* THUB-26: initial commit

* THUB-26: fixup to teasers

* THUB-26: fixed image

* fixup of comments and spacing

src/scss/components/index.scss

@@ -29,3 +29,4 @@
 @import 'main-nav/index';
 @import 'masthead/index';
 @import 'search/index';
+@import 'teaser/index';

src/scss/components/teaser/_basic-page-teaser.scss

@@ -0,0 +1,57 @@
+@charset "UTF-8";
+
+.ptype-stanford-entity,
+.paragraph--type--stanford-entity {
+
+    // Card display
+    .ds-entity--stanford-page {
+        .su-card {
+            border: none;
+            box-shadow: none;
+
+            .image {
+                img,
+                figure {
+                    display: block;
+                    min-height: 320px;
+                    width: 100%;
+                    object-fit: cover;
+                }
+            }
+
+            section.su-card__contents {
+                padding: 4rem 0 0 0;
+
+                h2,
+                h3 {
+                    a {
+                        @include thub-type-d;
+                        @include link-icon(arrow-right, 18px, right);
+
+                        background: $thub-gradient-lagunita-to-ochre;
+                        background-clip: text;
+                        -webkit-background-clip: text;
+                        -webkit-text-fill-color: transparent;
+
+                        &::after {
+                            background-color: $thub-color-ochre-dark;
+                        }
+
+                        &:hover,
+                        &:focus,
+                        &:active {
+                        background: $thub-color-black;
+                        background-clip: text;
+                        -webkit-background-clip: text;
+                        -webkit-text-fill-color: transparent;
+
+                            &::after {
+                                background-color: $thub-color-black;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

src/scss/components/teaser/index.scss

@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+// Teaser Roll Up
+
+@import 'basic-page-teaser';