luna-one 3.1.589 → 3.1.590

package/dist/luna/heroes/Hero2/Hero2.scss

@@ -1,165 +1,165 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-hero-2 {
-  &__hero-image {
-    width: 100%;
-    height: auto;
-    max-height: 600px;
-    margin: 0;
-    padding: 0;
-    img {
-      vertical-align: middle;
-      width: 100%;
-      height: auto;
-      display: block;
-    }
-
-    &--with-motion {
-      -webkit-animation: fade-in 0.5s;
-      animation: fade-in 0.5s;
-    }
-
-    &--4x1 {
-      display: none;
-      @media screen and (min-width: $breakpoint-sm) {
-        display: block;
-      }
-    }
-    &--2x1 {
-      display: block;
-      @media screen and (min-width: $breakpoint-sm) {
-        display: none;
-      }
-    }
-  }
-  &__focused-image {
-    img {
-      width: auto;
-    }
-  }
-
-  .ter-card__body {
-    background: $white;
-  }
-
-  &__container {
-    padding-right: var(--outer-margin, 2rem);
-    padding-left: var(--outer-margin, 2rem);
-    box-sizing: border-box;
-    max-width: 64rem;
-    margin: 0 auto;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    width: 100%;
-    height: auto;
-    -webkit-transform: translate(0, calc(#{spacing("xxl")} * -1));
-    -ms-transform: translate(0, calc(#{spacing("xxl")} * -1));
-    transform: translate(0, calc(#{spacing("xxl")} * -1));
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    position: relative;
-    @media screen and (min-width: $breakpoint-xs) {
-      -webkit-transform: translate(0, calc(#{spacing("super")} * -1));
-      -ms-transform: translate(0, calc(#{spacing("super")} * -1));
-      transform: translate(0, calc(#{spacing("super")} * -1));
-    }
-
-    &--with-motion {
-      -webkit-animation: fade-up 1s;
-      animation: fade-up 1s;
-    }
-  }
-  &__card {
-    background-color: rgba(255, 255, 255, 0.95);
-    display: block;
-    -ms-flex-preferred-size: 550px;
-    flex-basis: 550px;
-    margin-top: auto;
-    margin-bottom: calc(#{spacing("md")} * -1);
-    -ms-flex-item-align: center;
-    -ms-grid-row-align: center;
-    align-self: center;
-    @media screen and (min-width: $breakpoint-xs) {
-      margin-bottom: calc(#{spacing("sm")} * -1);
-    }
-  }
-  &__header {
-    font-size: $heading-3-size;
-    @include benton-very-bold();
-    text-align: center;
-  }
-  
-  .ter-hero-2__sub-header,
-  &__sub-header-container p, &__sub-header-container div, &__sub-header-container h1, &__sub-header-container h2, &__sub-header-container h3, &__sub-header-container h4, &__sub-header-container h5, &__sub-header-container h6,  &__sub-header-container ul,  &__sub-header-container ol,  &__sub-header-container a  {
-    font-size: $subheading-size;
-    @include benton-light();
-    margin-bottom: spacing("md");
-    text-align: center;
-  }
-
-  .ter-button {
-    text-align: center;
-    display: block;
-  }
-
-  .ter-cta-section {
-    margin: auto;
-  }
-
-  &__cta-section-wrapper {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: justify;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-  }
-}
-@-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-2 {
+  &__hero-image {
+    width: 100%;
+    height: auto;
+    max-height: 600px;
+    margin: 0;
+    padding: 0;
+    img {
+      vertical-align: middle;
+      width: 100%;
+      height: auto;
+      display: block;
+    }
+
+    &--with-motion {
+      -webkit-animation: fade-in 0.5s;
+      animation: fade-in 0.5s;
+    }
+
+    &--4x1 {
+      display: none;
+      @media screen and (min-width: $breakpoint-sm) {
+        display: block;
+      }
+    }
+    &--2x1 {
+      display: block;
+      @media screen and (min-width: $breakpoint-sm) {
+        display: none;
+      }
+    }
+  }
+  &__focused-image {
+    img {
+      width: auto;
+    }
+  }
+
+  .ter-card__body {
+    background: $white;
+  }
+
+  &__container {
+    padding-right: var(--outer-margin, 2rem);
+    padding-left: var(--outer-margin, 2rem);
+    box-sizing: border-box;
+    max-width: 64rem;
+    margin: 0 auto;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+    height: auto;
+    -webkit-transform: translate(0, calc(#{spacing("xxl")} * -1));
+    -ms-transform: translate(0, calc(#{spacing("xxl")} * -1));
+    transform: translate(0, calc(#{spacing("xxl")} * -1));
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    position: relative;
+    @media screen and (min-width: $breakpoint-xs) {
+      -webkit-transform: translate(0, calc(#{spacing("super")} * -1));
+      -ms-transform: translate(0, calc(#{spacing("super")} * -1));
+      transform: translate(0, calc(#{spacing("super")} * -1));
+    }
+
+    &--with-motion {
+      -webkit-animation: fade-up 1s;
+      animation: fade-up 1s;
+    }
+  }
+  &__card {
+    background-color: rgba(255, 255, 255, 0.95);
+    display: block;
+    -ms-flex-preferred-size: 550px;
+    flex-basis: 550px;
+    margin-top: auto;
+    margin-bottom: calc(#{spacing("md")} * -1);
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
+    align-self: center;
+    @media screen and (min-width: $breakpoint-xs) {
+      margin-bottom: calc(#{spacing("sm")} * -1);
+    }
+  }
+  &__header {
+    font-size: $heading-3-size;
+    @include benton-very-bold();
+    text-align: center;
+  }
+  
+  .ter-hero-2__sub-header,
+  &__sub-header-container p, &__sub-header-container div, &__sub-header-container h1, &__sub-header-container h2, &__sub-header-container h3, &__sub-header-container h4, &__sub-header-container h5, &__sub-header-container h6,  &__sub-header-container ul,  &__sub-header-container ol,  &__sub-header-container a  {
+    font-size: $subheading-size;
+    @include benton-light();
+    margin-bottom: spacing("md");
+    text-align: center;
+  }
+
+  .ter-button {
+    text-align: center;
+    display: block;
+  }
+
+  .ter-cta-section {
+    margin: auto;
+  }
+
+  &__cta-section-wrapper {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+@-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;
+  }
+}