luna-one 3.1.430 → 3.1.431

package/dist/luna/components/ProductSummary/ProductSummary.scss

@@ -1,266 +1,266 @@
-@import "../../../global-styles/terra.scss";
-
-.mxp-product-summary {
-  background-color: $concrete-gray-1;
-  padding: 32px 0;
-  display: flex;
-  height: fit-content;
-
-  @media screen and (max-width: $breakpoint-sm) {
-    flex-direction: column;
-  }
-
-  .product-summary-card {
-    background-color: $white;
-    max-width: 320px;
-    height: fit-content;
-    border-top: 4px solid $trimble-gold;
-    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.19);
-
-    @media screen and (max-width: $breakpoint-sm) {
-      margin: 0 auto;
-    }
-
-    &--container {
-      display: flex;
-      flex-direction: column;
-      padding: 55px 31px;
-      margin: 0 auto;
-
-      &__name {
-        
-        &-text {
-          line-height: 30px;
-          font-size: $card-title-size;
-          @include benton-very-bold();
-          margin-bottom: 8px;
-        }
-
-        &-description {
-          line-height: 22px;
-          font-size: $body-font-size;
-          margin-bottom: 28px;
-        }
-        
-        &-label {
-          color: $trimble-blue;
-          margin-bottom: 8px;
-          font-size: $eyebrow-font-size;
-          text-transform: uppercase;
-          @include benton-medium();
-        }
-      }
-
-      &__line {
-
-        &-label {
-          color: $trimble-blue;
-          font-size: $eyebrow-font-size;
-          text-transform: uppercase;
-          @include benton-medium();
-          margin-bottom: 0;
-        }
-
-        &-text {
-          font-size: 18px;
-          @include benton-medium();
-          line-height: 30px;
-          margin-bottom: 28px;
-        }
-        
-      }
-
-      &__regions {
-
-        &-label {
-          color: $trimble-blue;
-          font-size: $eyebrow-font-size;
-          text-transform: uppercase;
-          @include benton-medium();
-          margin-bottom: 2px;
-        }
-        &--region-name {
-          font-size: $body-font-size;
-          margin: 0;
-          line-height: 22px;
-        }
-
-        &--region-name:last-child {
-          margin-bottom: 72px;
-        }
-      }
-
-      &__link {
-        a {
-          margin: 0;
-        }
-
-        .text-link {
-          position: relative;
-          text-decoration: none;
-          color: $trimble-dark-gray;
-          border-bottom: 3px solid $trimble-gold;
-          font-size: $body-font-size;
-          @include benton-medium();
-
-          &:after {
-            position: absolute;
-            bottom: -1px;
-            right: -25px;
-            content: "";
-            width: 16px;
-            height: 16px;
-            background-image: url("../../images/internal-arrow.svg");
-            background-repeat: no-repeat;
-            background-position: center;
-          }
-        }
-
-        .text-link:hover, .text-link-external:hover {
-          border-bottom: 3px solid $trimble-blue;
-        }
-
-        .text-link-external {
-          position: relative;
-          text-decoration: none;
-          color: $trimble-dark-gray;
-          border-bottom: 3px solid $trimble-gold;
-          font-size: $body-font-size;
-
-          &:after {
-            position: absolute;
-            bottom: -1px;
-            right: -25px;
-            display: block;
-            content: "";
-            width: 16px;
-            height: 16px;
-            background-image: url("../../images/external-arrow.svg");
-            background-repeat: no-repeat;
-            background-position: center;
-          }
-        }
-      }
-    }
-
-    &__version {
-      height: 34px;
-      background-color: black;
-      display: flex;
-
-      &-text {
-        color: $white;
-        font-size: $eyebrow-font-size;
-        text-transform: uppercase;
-        @include benton-medium();
-        margin: 8px auto;
-      }
-    }
-  }
-
-  .product-summary-column {
-    width: 380px;
-    padding: 59px 0 0 80px;
-
-    @media screen and (max-width: $breakpoint-sm) {
-      margin: 0 auto;
-      width: 320px;
-      padding: 59px 0 0;
-    }
-
-    &__eyebrow {
-      font-size: $eyebrow-font-size;
-      text-transform: uppercase;
-      @include benton-medium();
-      color: $trimble-blue;
-    }
-    &__header {
-      @include benton-very-bold();
-      line-height: 30px;
-      font-size: $card-title-size;
-      margin-bottom: 8px;
-    }
-
-    &__subheader {
-      font-size: $body-font-size;
-      line-height: 22px;
-      letter-spacing: 0.01em;
-      @include benton-light();
-    }
-
-    &__bullets-container {
-      padding-inline-start: 17px;
-      margin: 0;
-    }
-
-    &__bullets {
-      list-style-image: url(../../images/bulletpoint.svg);
-      margin-bottom: 8px;
-
-      &-header {
-        line-height: 24px;
-        margin: 0;
-        font-size: 16px;
-        @include benton-bold();
-      }
-
-      &-text {
-        line-height: 24px;
-        margin: 0;
-        font-size: 14px;
-        @include benton-light();
-      }
-
-        &-link {
-          @include benton-medium();
-          position: relative;
-          bottom: 1px;
-          text-decoration: none;
-          color: $trimble-dark-gray;
-          border-bottom: 3px solid $trimble-gold;
-          font-size: $body-font-size;
-          width: fit-content;
-
-        &:after {
-          position: absolute;
-          bottom: -1px;
-          right: -25px;
-          display: block;
-          content: "";
-          width: 16px;
-          height: 16px;
-          background-image: url("../../images/internal-arrow.svg");
-          background-repeat: no-repeat;
-          background-position: center;
-        }
-      }
-
-      &-link:hover, &-link-external:hover {
-          border-bottom: 3px solid $trimble-blue;
-        }
-
-
-      &-link-external {
-        @include benton-medium();
-        position: relative;
-        text-decoration: none;
-        color: $trimble-dark-gray;
-        border-bottom: 3px solid $trimble-gold;
-        font-size: $body-font-size;
-
-        &:after {
-          position: absolute;
-          bottom: -1px;
-          right: -25px;
-          display: block;
-          content: "";
-          width: 16px;
-          height: 16px;
-          background-image: url("../../images/external-arrow.svg");
-          background-repeat: no-repeat;
-          background-position: center;
-        }
-      }
-    }
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.mxp-product-summary {
+  background-color: $concrete-gray-1;
+  padding: 32px 0;
+  display: flex;
+  height: fit-content;
+
+  @media screen and (max-width: $breakpoint-sm) {
+    flex-direction: column;
+  }
+
+  .product-summary-card {
+    background-color: $white;
+    max-width: 320px;
+    height: fit-content;
+    border-top: 4px solid $trimble-gold;
+    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.19);
+
+    @media screen and (max-width: $breakpoint-sm) {
+      margin: 0 auto;
+    }
+
+    &--container {
+      display: flex;
+      flex-direction: column;
+      padding: 55px 31px;
+      margin: 0 auto;
+
+      &__name {
+        
+        &-text {
+          line-height: 30px;
+          font-size: $card-title-size;
+          @include benton-very-bold();
+          margin-bottom: 8px;
+        }
+
+        &-description {
+          line-height: 22px;
+          font-size: $body-font-size;
+          margin-bottom: 28px;
+        }
+        
+        &-label {
+          color: $trimble-blue;
+          margin-bottom: 8px;
+          font-size: $eyebrow-font-size;
+          text-transform: uppercase;
+          @include benton-medium();
+        }
+      }
+
+      &__line {
+
+        &-label {
+          color: $trimble-blue;
+          font-size: $eyebrow-font-size;
+          text-transform: uppercase;
+          @include benton-medium();
+          margin-bottom: 0;
+        }
+
+        &-text {
+          font-size: 18px;
+          @include benton-medium();
+          line-height: 30px;
+          margin-bottom: 28px;
+        }
+        
+      }
+
+      &__regions {
+
+        &-label {
+          color: $trimble-blue;
+          font-size: $eyebrow-font-size;
+          text-transform: uppercase;
+          @include benton-medium();
+          margin-bottom: 2px;
+        }
+        &--region-name {
+          font-size: $body-font-size;
+          margin: 0;
+          line-height: 22px;
+        }
+
+        &--region-name:last-child {
+          margin-bottom: 72px;
+        }
+      }
+
+      &__link {
+        a {
+          margin: 0;
+        }
+
+        .text-link {
+          position: relative;
+          text-decoration: none;
+          color: $trimble-dark-gray;
+          border-bottom: 3px solid $trimble-gold;
+          font-size: $body-font-size;
+          @include benton-medium();
+
+          &:after {
+            position: absolute;
+            bottom: -1px;
+            right: -25px;
+            content: "";
+            width: 16px;
+            height: 16px;
+            background-image: url("../../images/internal-arrow.svg");
+            background-repeat: no-repeat;
+            background-position: center;
+          }
+        }
+
+        .text-link:hover, .text-link-external:hover {
+          border-bottom: 3px solid $trimble-blue;
+        }
+
+        .text-link-external {
+          position: relative;
+          text-decoration: none;
+          color: $trimble-dark-gray;
+          border-bottom: 3px solid $trimble-gold;
+          font-size: $body-font-size;
+
+          &:after {
+            position: absolute;
+            bottom: -1px;
+            right: -25px;
+            display: block;
+            content: "";
+            width: 16px;
+            height: 16px;
+            background-image: url("../../images/external-arrow.svg");
+            background-repeat: no-repeat;
+            background-position: center;
+          }
+        }
+      }
+    }
+
+    &__version {
+      height: 34px;
+      background-color: black;
+      display: flex;
+
+      &-text {
+        color: $white;
+        font-size: $eyebrow-font-size;
+        text-transform: uppercase;
+        @include benton-medium();
+        margin: 8px auto;
+      }
+    }
+  }
+
+  .product-summary-column {
+    width: 380px;
+    padding: 59px 0 0 80px;
+
+    @media screen and (max-width: $breakpoint-sm) {
+      margin: 0 auto;
+      width: 320px;
+      padding: 59px 0 0;
+    }
+
+    &__eyebrow {
+      font-size: $eyebrow-font-size;
+      text-transform: uppercase;
+      @include benton-medium();
+      color: $trimble-blue;
+    }
+    &__header {
+      @include benton-very-bold();
+      line-height: 30px;
+      font-size: $card-title-size;
+      margin-bottom: 8px;
+    }
+
+    &__subheader {
+      font-size: $body-font-size;
+      line-height: 22px;
+      letter-spacing: 0.01em;
+      @include benton-light();
+    }
+
+    &__bullets-container {
+      padding-inline-start: 17px;
+      margin: 0;
+    }
+
+    &__bullets {
+      list-style-image: url(../../images/bulletpoint.svg);
+      margin-bottom: 8px;
+
+      &-header {
+        line-height: 24px;
+        margin: 0;
+        font-size: 16px;
+        @include benton-bold();
+      }
+
+      &-text {
+        line-height: 24px;
+        margin: 0;
+        font-size: 14px;
+        @include benton-light();
+      }
+
+        &-link {
+          @include benton-medium();
+          position: relative;
+          bottom: 1px;
+          text-decoration: none;
+          color: $trimble-dark-gray;
+          border-bottom: 3px solid $trimble-gold;
+          font-size: $body-font-size;
+          width: fit-content;
+
+        &:after {
+          position: absolute;
+          bottom: -1px;
+          right: -25px;
+          display: block;
+          content: "";
+          width: 16px;
+          height: 16px;
+          background-image: url("../../images/internal-arrow.svg");
+          background-repeat: no-repeat;
+          background-position: center;
+        }
+      }
+
+      &-link:hover, &-link-external:hover {
+          border-bottom: 3px solid $trimble-blue;
+        }
+
+
+      &-link-external {
+        @include benton-medium();
+        position: relative;
+        text-decoration: none;
+        color: $trimble-dark-gray;
+        border-bottom: 3px solid $trimble-gold;
+        font-size: $body-font-size;
+
+        &:after {
+          position: absolute;
+          bottom: -1px;
+          right: -25px;
+          display: block;
+          content: "";
+          width: 16px;
+          height: 16px;
+          background-image: url("../../images/external-arrow.svg");
+          background-repeat: no-repeat;
+          background-position: center;
+        }
+      }
+    }
+  }
+}