THUB-21 | @jdwjdwjdw | Person node and teaser adjustments

src/scss/components/hero-banner/_hero-banner.scss

@@ -53,17 +53,32 @@
   }
 }
 
-// Alert that appears after adding / editing a page
 main .su-alert {
-  margin-top: 2rem;
   z-index: 12;
   position: absolute;
   width: 30%;
 
   @include grid-media-min('lg') {
-    margin-top: -3rem;
     width: 100%;
   }
+
+  // Alert that appears after adding / editing a page
+  &.su-alert--info {
+    margin-top: 2rem;
+
+    @include grid-media-min('lg') {
+      margin-top: -3rem;
+    }
+  }
+
+  // Alert that appears for unpublished pages
+  &.su-alert--warning {
+    margin-top: 17rem;
+
+    @include grid-media-min('lg') {
+      margin-top: 7rem;
+    }
+  }
 
   .su-alert__dismiss {
     margin-left: 0;

src/scss/components/index.scss

@@ -29,5 +29,6 @@
 @import 'local-footer/index';
 @import 'main-nav/index';
 @import 'masthead/index';
+@import 'person/index';
 @import 'search/index';
 @import 'teaser/index';

src/scss/components/person/_person-node.scss

@@ -0,0 +1,29 @@
+@charset "UTF-8";
+
+.content {
+  .layout--section-person-header .su-quote__media.flex-2-of-12 .field-media-image {
+    border-radius: unset;
+  }
+
+  .su-person-content {
+    .main-region {
+      .block__title {
+        @include thub-heading--badge;
+        @include type-c;
+      }
+
+      .node-stanford-person-su-person-affiliations {
+        a {
+          @include thub-button--gradient;
+        }
+      }
+    }
+  }
+}
+
+// .node-stanford-person-su-person-education h2.block__title,
+// .node-stanford-person-su-person-research h2,
+// .node-stanford-person-su-person-affiliations h2 {
+//   @include thub-heading--badge;
+//   @include type-c;
+// }

src/scss/components/person/_person-teasers.scss

@@ -0,0 +1,47 @@
+@charset "UTF-8";
+
+.ptype-stanford-entity,
+.paragraph--type--stanford-entity {
+
+  .ds-entity--stanford-person {
+    max-width: 400px;
+
+    .su-card {
+      border: none;
+      box-shadow: none;
+
+      .su-person-photo {
+        padding: 0 0 0 7rem;
+      }
+
+      .su-person-photo img,
+      .su-person-photo picture {
+        border-radius: 0;
+      }
+
+      section.su-card__contents {
+        padding: 2rem 3rem 3.2rem 3.2rem;
+        text-align: left;
+
+        h2,
+        h3 {
+          a {
+            @include thub-type-d;
+
+            background: $thub-gradient-lagunita-to-ochre;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+
+            &:hover,
+            &:focus,
+            &:active {
+              background:  $thub-color-ochre-dark;
+              -webkit-background-clip: text;
+              -webkit-text-fill-color: transparent;
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/scss/components/person/index.scss

@@ -0,0 +1,6 @@
+@charset "UTF-8";
+
+// Person Roll Up
+
+@import 'person-node';
+@import 'person-teasers';