luna-one 3.1.589 → 3.1.591

package/dist/luna/heroes/Hero7/Hero7.scss

@@ -1,193 +1,193 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-hero-7 {
-  padding: spacing("super") calc((100vw - 1200px) / 2);
-  position: relative;
-  height: 400px;
-  min-height: 400px;
-  z-index: 1;
-  background-color: #000000;
-
-  @media screen and (max-width: 1272px) {
-    padding: spacing("super") 36px;
-  }
-
-  @media screen and (max-width: 900px) {
-    height: 450px;
-  }
-
-  @media screen and (max-width: 750px) {
-    display: none;
-  }
-
-  &__container--right {
-    float: right;
-  }
-
-  &__opacity-background {
-    object-fit: cover;
-    position: absolute;
-    z-index: -1;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    opacity: 0.5;
-    background-size: cover;
-    height: 400px;
-    width: 100%;
-
-    @media screen and (max-width: 900px) {
-      height: 450px;
-    }
-
-    @media screen and (max-width: 750px) {
-      display: none;
-    }
-  }
-
-  &__header,
-  &__subHeader {
-    color: $white;
-  }
-
-  &__header {
-    font-size: $heading-3-size;
-    height: 90px;
-    width: 600px;
-    @include benton-very-bold();
-    
-    @media screen and (max-width: 900px) {
-      width: 430px;
-    }
-  }
-
-  &__subHeader,
-  &__subHeader-container > p, &__sub-header-container > p {
-    margin: 0 0 30px;
-    max-height: 72px;
-    width: 600px;
-    color: $white;
-    font-size: $subheading-size;
-    @include benton-light();
-    padding-bottom: 16px;
-
-    @media screen and (max-width: 900px) {
-      width: 430px;
-      margin-bottom: 70px;
-    }
-  }
-
-  
-  &__subHeader-container p, &__subHeader-container a, &__subHeader-container h1, &__subHeader-container h2, &__subHeader-container h3, &__subHeader-container h4, &__subHeader-container h5, &__subHeader-container h6, &__subHeader-container ul, &__subHeader-container ol {
-    color: $white;
-  }
-
-  &__button {
-    margin-right: 20px;
-    color: $white;
-    max-height: 32px;
-    width: 144px;
-    @media screen and (max-width: 900px) {
-      margin-top: 40px;
-    }
-  }
-
-  a.ter-button {
-    margin-top: 12px;
-    color: $white;
-    font-size: $body-font-size;
-    letter-spacing: 0;
-    line-height: 20px;
-    align-self: center;
-    justify-content: center;
-    align-items: center;
-    justify-self: center;
-
-    a.ter-button:hover,
-    a.ter-button:active,
-    a.ter-button:focus,
-    a.ter-button:visited {
-      cursor: pointer;
-      text-decoration: none;
-    }
-  }
-
-  &__button1-theme-1 {
-    background: $trimble-blue;
-  }
-
-  &__button1-theme-2 {
-    background: $white;
-  }
-
-  a.ter-button.ter-hero-7__button.ter-hero-7__button1-theme-2 {
-    color: $trimble-blue !important;
-    text-align: center !important;
-  }
-
-  &__button-2 {
-    border: 1px solid $white;
-  }
-
-  &__mobile-container {
-    .ter-hero-2__header,
-    .ter-hero-2__sub-header {
-      text-align: start !important;
-    }
-
-    .ter-card__body {
-      padding: 12px 24px;
-    }
-
-    .ter-hero-2__sub-header,
-    .ter-hero-2__sub-header-container p {
-      font-size: $heading-6-size;
-      @include benton-light();
-      margin-bottom: 0 !important;
-    }
-
-    .ter-hero-2__header {
-      @include benton-very-bold();
-      font-size: 28px;
-    }
-
-    .ter-hero-2__cta-section-wrapper {
-      align-self: start;
-      margin-top: 30px;
-    }
-  }
-
-  .ter-hero-7__content-container
-    > a.ter-button.ter-hero-7__button.ter-hero-7__button-2.active {
-    text-align: center;
-    justify-content: center;
-  }
-
-  .ter-hero-7__content-container
-    > a.ter-button.ter-hero-7__button.ter-hero-7__button-1.active {
-    text-align: center;
-    justify-content: center;
-  }
-
-  .ter-hero-7__inner-wrapper {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    overflow: hidden;
-    .focused-image {
-      z-index: -1;
-      opacity: 0.5;
-    }
-  }
-
-  &.ter-hero-7--focused-image {
-    display: block;
-  }
-}
-
-
-
-
+@import "../../../global-styles/terra.scss";
+
+.ter-hero-7 {
+  padding: spacing("super") calc((100vw - 1200px) / 2);
+  position: relative;
+  height: 400px;
+  min-height: 400px;
+  z-index: 1;
+  background-color: #000000;
+
+  @media screen and (max-width: 1272px) {
+    padding: spacing("super") 36px;
+  }
+
+  @media screen and (max-width: 900px) {
+    height: 450px;
+  }
+
+  @media screen and (max-width: 750px) {
+    display: none;
+  }
+
+  &__container--right {
+    float: right;
+  }
+
+  &__opacity-background {
+    object-fit: cover;
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    opacity: 0.5;
+    background-size: cover;
+    height: 400px;
+    width: 100%;
+
+    @media screen and (max-width: 900px) {
+      height: 450px;
+    }
+
+    @media screen and (max-width: 750px) {
+      display: none;
+    }
+  }
+
+  &__header,
+  &__subHeader {
+    color: $white;
+  }
+
+  &__header {
+    font-size: $heading-3-size;
+    height: 90px;
+    width: 600px;
+    @include benton-very-bold();
+    
+    @media screen and (max-width: 900px) {
+      width: 430px;
+    }
+  }
+
+  &__subHeader,
+  &__subHeader-container > p, &__sub-header-container > p {
+    margin: 0 0 30px;
+    max-height: 72px;
+    width: 600px;
+    color: $white;
+    font-size: $subheading-size;
+    @include benton-light();
+    padding-bottom: 16px;
+
+    @media screen and (max-width: 900px) {
+      width: 430px;
+      margin-bottom: 70px;
+    }
+  }
+
+  
+  &__subHeader-container p, &__subHeader-container a, &__subHeader-container h1, &__subHeader-container h2, &__subHeader-container h3, &__subHeader-container h4, &__subHeader-container h5, &__subHeader-container h6, &__subHeader-container ul, &__subHeader-container ol {
+    color: $white;
+  }
+
+  &__button {
+    margin-right: 20px;
+    color: $white;
+    max-height: 32px;
+    width: 144px;
+    @media screen and (max-width: 900px) {
+      margin-top: 40px;
+    }
+  }
+
+  a.ter-button {
+    margin-top: 12px;
+    color: $white;
+    font-size: $body-font-size;
+    letter-spacing: 0;
+    line-height: 20px;
+    align-self: center;
+    justify-content: center;
+    align-items: center;
+    justify-self: center;
+
+    a.ter-button:hover,
+    a.ter-button:active,
+    a.ter-button:focus,
+    a.ter-button:visited {
+      cursor: pointer;
+      text-decoration: none;
+    }
+  }
+
+  &__button1-theme-1 {
+    background: $trimble-blue;
+  }
+
+  &__button1-theme-2 {
+    background: $white;
+  }
+
+  a.ter-button.ter-hero-7__button.ter-hero-7__button1-theme-2 {
+    color: $trimble-blue !important;
+    text-align: center !important;
+  }
+
+  &__button-2 {
+    border: 1px solid $white;
+  }
+
+  &__mobile-container {
+    .ter-hero-2__header,
+    .ter-hero-2__sub-header {
+      text-align: start !important;
+    }
+
+    .ter-card__body {
+      padding: 12px 24px;
+    }
+
+    .ter-hero-2__sub-header,
+    .ter-hero-2__sub-header-container p {
+      font-size: $heading-6-size;
+      @include benton-light();
+      margin-bottom: 0 !important;
+    }
+
+    .ter-hero-2__header {
+      @include benton-very-bold();
+      font-size: 28px;
+    }
+
+    .ter-hero-2__cta-section-wrapper {
+      align-self: start;
+      margin-top: 30px;
+    }
+  }
+
+  .ter-hero-7__content-container
+    > a.ter-button.ter-hero-7__button.ter-hero-7__button-2.active {
+    text-align: center;
+    justify-content: center;
+  }
+
+  .ter-hero-7__content-container
+    > a.ter-button.ter-hero-7__button.ter-hero-7__button-1.active {
+    text-align: center;
+    justify-content: center;
+  }
+
+  .ter-hero-7__inner-wrapper {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    overflow: hidden;
+    .focused-image {
+      z-index: -1;
+      opacity: 0.5;
+    }
+  }
+
+  &.ter-hero-7--focused-image {
+    display: block;
+  }
+}
+
+
+
+