luna-one 3.1.589 → 3.1.590

package/dist/luna/heroes/Hero1/Hero1.scss

@@ -1,223 +1,223 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-hero-one {
-  height: auto;
-  margin-bottom: -7px;
-  // This negative margin is bullshit, but I can't figure out what's causing this to get an extra 7px at the bottom.
-
-  &__max-width-wrapper {
-    max-width: 1200px;
-    margin: auto;
-    position: relative;
-  }
-  &__image {
-    object-fit: cover;
-    width: 100%;
-    background-position: center;
-    background-size: cover;
-
-    &--with-motion {
-      -webkit-animation: fade-in 0.5s;
-      animation: fade-in 0.5s;
-    }
-
-    &--mobile {
-      max-height: 75vh;
-      width: 100vw;
-      height: 500px;
-    }
-
-    &--tablet {
-      max-height: 75vh;
-      width: 100vw;
-      height: 800px;
-    }
-
-    &--desktop {
-      width: 100vw;
-      height: 700px;
-      max-height: 90vh;
-    }
-  }
-
-  &__content-container {
-    background: $white;
-    margin: auto;
-    -webkit-transform: translateY(-100px);
-    -ms-transform: translateY(-100px);
-    transform: translateY(-100px);
-    -webkit-box-shadow: $card-box-shadow;
-    box-shadow: $card-box-shadow;
-    position: relative;
-    display: flex;
-    width: 572px;
-
-    @media screen and (max-width: 826px) {
-      display: block;
-    }
-
-    &--with-motion {
-      -webkit-animation: fade-up 1s;
-      animation: fade-up 1s;
-    }
-
-    &--ctas {
-      width: 100%;
-      max-width: 826px;
-
-      @media screen and (max-width: 826px) {
-        display: block;
-      }
-    }
-
-    &-text {
-      padding: spacing("md") spacing("md");
-      width: 572px;
-
-      @media screen and (max-width: 826px) {
-        width: 100vw;
-      }
-
-      @media (min-width: $breakpoint-xs) {
-        padding: spacing("md") spacing("md");
-      }
-    }
-  }
-
-  &__header {
-    @include benton-very-bold();
-    line-height: 37px;
-    font-size: $heading-4-size;
-  }
-
-  &__text {
-    font-size: $subheading-size;
-    line-height: 23px;
-    @include benton-light();
-    margin-bottom: 0;
-
-    @media (min-width: $breakpoint-sm) {
-      font-size: $subheading-size;
-    }
-  }
-
-  .ter-button {
-    display: block;
-    max-width: 190px;
-
-    &--secondary--1 {
-      margin-top: spacing("xs") !important;
-    }
-
-    @media (min-width: $breakpoint-md) {
-    }
-  }
-
-  .ter-cta-section {
-    background-color: $concrete-gray-1;
-    padding: 32px 36px;
-
-    @media screen and (max-width: 826px) {
-      width: 100vw;
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      padding: 36px calc((100vw - 400px) / 2);
-
-      .ter-button--secondary--1 {
-        margin-top: 0 !important;
-        justify-self: end;
-      }
-
-      .ter-sub-cta {
-        grid-column: 1 / 3;
-        margin: 24px auto 0;
-      }
-    }
-
-    @media screen and (max-width: 475px) {
-      display: flex;
-      padding: 36px;
-
-      .ter-button--secondary--1 {
-        margin-top: spacing("xs") !important;
-        justify-self: end;
-      }
-
-      .ter-button {
-        margin: auto;
-      }
-    }
-
-    &__link {
-      display: block;
-      text-align: center;
-    }
-
-    .ter-sub-cta {
-      margin-top: 18px;
-
-      @media screen and (max-width: 826px) {
-        display: block;
-        width: 190px;
-      }
-    }
-  }
-
-  &__content-container--one-cta {
-    .ter-cta-section {
-      grid-template-columns: 1fr;
-
-      .ter-button {
-        margin: auto;
-      }
-    }
-  }
-}
-
-@-webkit-keyframes fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-@keyframes fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-@-webkit-keyframes fade-up {
-  0% {
-    opacity: 0;
-    top: 100px;
-  }
-  30% {
-    opacity: 0;
-    top: 100px;
-  }
-  100% {
-    opacity: 1;
-    top: 0;
-  }
-}
-
-@keyframes fade-up {
-  0% {
-    opacity: 0;
-    top: 100px;
-  }
-  30% {
-    opacity: 0;
-    top: 100px;
-  }
-  100% {
-    opacity: 1;
-    top: 0;
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.ter-hero-one {
+  height: auto;
+  margin-bottom: -7px;
+  // This negative margin is bullshit, but I can't figure out what's causing this to get an extra 7px at the bottom.
+
+  &__max-width-wrapper {
+    max-width: 1200px;
+    margin: auto;
+    position: relative;
+  }
+  &__image {
+    object-fit: cover;
+    width: 100%;
+    background-position: center;
+    background-size: cover;
+
+    &--with-motion {
+      -webkit-animation: fade-in 0.5s;
+      animation: fade-in 0.5s;
+    }
+
+    &--mobile {
+      max-height: 75vh;
+      width: 100vw;
+      height: 500px;
+    }
+
+    &--tablet {
+      max-height: 75vh;
+      width: 100vw;
+      height: 800px;
+    }
+
+    &--desktop {
+      width: 100vw;
+      height: 700px;
+      max-height: 90vh;
+    }
+  }
+
+  &__content-container {
+    background: $white;
+    margin: auto;
+    -webkit-transform: translateY(-100px);
+    -ms-transform: translateY(-100px);
+    transform: translateY(-100px);
+    -webkit-box-shadow: $card-box-shadow;
+    box-shadow: $card-box-shadow;
+    position: relative;
+    display: flex;
+    width: 572px;
+
+    @media screen and (max-width: 826px) {
+      display: block;
+    }
+
+    &--with-motion {
+      -webkit-animation: fade-up 1s;
+      animation: fade-up 1s;
+    }
+
+    &--ctas {
+      width: 100%;
+      max-width: 826px;
+
+      @media screen and (max-width: 826px) {
+        display: block;
+      }
+    }
+
+    &-text {
+      padding: spacing("md") spacing("md");
+      width: 572px;
+
+      @media screen and (max-width: 826px) {
+        width: 100vw;
+      }
+
+      @media (min-width: $breakpoint-xs) {
+        padding: spacing("md") spacing("md");
+      }
+    }
+  }
+
+  &__header {
+    @include benton-very-bold();
+    line-height: 37px;
+    font-size: $heading-4-size;
+  }
+
+  &__text {
+    font-size: $subheading-size;
+    line-height: 23px;
+    @include benton-light();
+    margin-bottom: 0;
+
+    @media (min-width: $breakpoint-sm) {
+      font-size: $subheading-size;
+    }
+  }
+
+  .ter-button {
+    display: block;
+    max-width: 190px;
+
+    &--secondary--1 {
+      margin-top: spacing("xs") !important;
+    }
+
+    @media (min-width: $breakpoint-md) {
+    }
+  }
+
+  .ter-cta-section {
+    background-color: $concrete-gray-1;
+    padding: 32px 36px;
+
+    @media screen and (max-width: 826px) {
+      width: 100vw;
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      padding: 36px calc((100vw - 400px) / 2);
+
+      .ter-button--secondary--1 {
+        margin-top: 0 !important;
+        justify-self: end;
+      }
+
+      .ter-sub-cta {
+        grid-column: 1 / 3;
+        margin: 24px auto 0;
+      }
+    }
+
+    @media screen and (max-width: 475px) {
+      display: flex;
+      padding: 36px;
+
+      .ter-button--secondary--1 {
+        margin-top: spacing("xs") !important;
+        justify-self: end;
+      }
+
+      .ter-button {
+        margin: auto;
+      }
+    }
+
+    &__link {
+      display: block;
+      text-align: center;
+    }
+
+    .ter-sub-cta {
+      margin-top: 18px;
+
+      @media screen and (max-width: 826px) {
+        display: block;
+        width: 190px;
+      }
+    }
+  }
+
+  &__content-container--one-cta {
+    .ter-cta-section {
+      grid-template-columns: 1fr;
+
+      .ter-button {
+        margin: auto;
+      }
+    }
+  }
+}
+
+@-webkit-keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes fade-up {
+  0% {
+    opacity: 0;
+    top: 100px;
+  }
+  30% {
+    opacity: 0;
+    top: 100px;
+  }
+  100% {
+    opacity: 1;
+    top: 0;
+  }
+}
+
+@keyframes fade-up {
+  0% {
+    opacity: 0;
+    top: 100px;
+  }
+  30% {
+    opacity: 0;
+    top: 100px;
+  }
+  100% {
+    opacity: 1;
+    top: 0;
+  }
+}