luna-one 3.1.592 → 3.1.593

package/dist/luna/components/SketchUpPricingCard/SketchUpPricingCard.scss

@@ -1,142 +1,142 @@
-@import "../../../global-styles/global-vars.scss";
-@import "../../../global-styles/terra.scss";
-
-.sketchup-pricing-card {
-  width: 328px;
-  display: flex;
-  flex-direction: column;
-
-  &__content {
-    box-shadow: box-shadow(2);
-    padding: 24px;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-  }
-
-  &__top {
-    height: 350px;
-    display: flex;
-    flex-direction: column;
-  }
-
-  &__header {
-    font-size: $subheading-size;
-    font-weight: 400;
-    margin-bottom: 0;
-  }
-
-  &__bold-header {
-    font-size: $heading-4-size;
-    font-weight: 800;
-    margin-bottom: 0;
-    margin-top: 0;
-    padding-top: 0;
-  }
-
-  &__text.featured {
-    margin: 0px;
-  }
-
-  &__icon-container {
-    padding-top: 22px;
-    display: flex;
-    flex-direction: row;
-    flex-shrink: 1;
-    transform: translateX(-4px);
-
-    .ter-icon {
-      transform: scale(0.8) translateY(-6px);
-    }
-  }
-
-  &__subscript {
-    padding-left: 2px;
-    font-size: $large-body-font-size;
-  }
-
-  &__price {
-    font-size: $heading-4-size;
-    margin-bottom: 0;
-  }
-
-  &__sub {
-    font-size: 50%;
-    bottom: 1px;
-  }
-
-  &__text {
-    font-size: $subheading-size;
-    font-weight: 400;
-    margin: 0 0 35px 0;
-    flex: 1 1 auto;
-    padding-bottom: 16px;
-  }
-
-  &__list-items {
-    height: auto;
-    list-style: none;
-    margin: 0;
-    padding: 16px 0 16px 8px;
-  }
-
-  li {
-    list-style-image: url(../../images/check.png);
-    margin-left: 10px;
-    padding-left: 4px;
-  }
-
-  &__list-item {
-    font-size: $large-body-font-size;
-    padding-top: 8px;
-
-    &--featured-content {
-      display: flex;
-      color: $trimble-dark-gray;
-      font-size: $large-body-font-size;
-      line-height: 22.4px;
-    }
-
-    &-featured-span {
-      background-color: $trimble-gold;
-      padding: 2px 4px;
-      align-self: center;
-      font-weight: 600;
-    }
-  }
-
-  &__bottom {
-    padding-bottom: 8px;
-  }
-
-  &__bottom-link {
-    margin-top: auto;
-    text-decoration: none;
-    font-weight: 600;
-    font-size: $large-body-font-size;
-  }
-
-  a.ter-button.ter-button--primary--1,
-  a.ter-button.ter-button--secondary--1 {
-    justify-content: center;
-    max-height: 48px;
-    width: 100%;
-    margin: auto;
-    display: block;
-  }
-
-  &__prev-price {
-    margin-bottom: 0;
-    text-decoration: line-through;
-  }
-
-  &__featured-card,
-  &__featured-placeholder {
-    height: 32px;
-    width: 328px;
-    right: 24px;
-    color: $white;
-    text-align: center;
-    padding: 2px;
-  }
-}
+@import "../../../global-styles/global-vars.scss";
+@import "../../../global-styles/terra.scss";
+
+.sketchup-pricing-card {
+  width: 328px;
+  display: flex;
+  flex-direction: column;
+
+  &__content {
+    box-shadow: box-shadow(2);
+    padding: 24px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__top {
+    height: 350px;
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__header {
+    font-size: $subheading-size;
+    font-weight: 400;
+    margin-bottom: 0;
+  }
+
+  &__bold-header {
+    font-size: $heading-4-size;
+    font-weight: 800;
+    margin-bottom: 0;
+    margin-top: 0;
+    padding-top: 0;
+  }
+
+  &__text.featured {
+    margin: 0px;
+  }
+
+  &__icon-container {
+    padding-top: 22px;
+    display: flex;
+    flex-direction: row;
+    flex-shrink: 1;
+    transform: translateX(-4px);
+
+    .ter-icon {
+      transform: scale(0.8) translateY(-6px);
+    }
+  }
+
+  &__subscript {
+    padding-left: 2px;
+    font-size: $large-body-font-size;
+  }
+
+  &__price {
+    font-size: $heading-4-size;
+    margin-bottom: 0;
+  }
+
+  &__sub {
+    font-size: 50%;
+    bottom: 1px;
+  }
+
+  &__text {
+    font-size: $subheading-size;
+    font-weight: 400;
+    margin: 0 0 35px 0;
+    flex: 1 1 auto;
+    padding-bottom: 16px;
+  }
+
+  &__list-items {
+    height: auto;
+    list-style: none;
+    margin: 0;
+    padding: 16px 0 16px 8px;
+  }
+
+  li {
+    list-style-image: url(../../images/check.png);
+    margin-left: 10px;
+    padding-left: 4px;
+  }
+
+  &__list-item {
+    font-size: $large-body-font-size;
+    padding-top: 8px;
+
+    &--featured-content {
+      display: flex;
+      color: $trimble-dark-gray;
+      font-size: $large-body-font-size;
+      line-height: 22.4px;
+    }
+
+    &-featured-span {
+      background-color: $trimble-gold;
+      padding: 2px 4px;
+      align-self: center;
+      font-weight: 600;
+    }
+  }
+
+  &__bottom {
+    padding-bottom: 8px;
+  }
+
+  &__bottom-link {
+    margin-top: auto;
+    text-decoration: none;
+    font-weight: 600;
+    font-size: $large-body-font-size;
+  }
+
+  a.ter-button.ter-button--primary--1,
+  a.ter-button.ter-button--secondary--1 {
+    justify-content: center;
+    max-height: 48px;
+    width: 100%;
+    margin: auto;
+    display: block;
+  }
+
+  &__prev-price {
+    margin-bottom: 0;
+    text-decoration: line-through;
+  }
+
+  &__featured-card,
+  &__featured-placeholder {
+    height: 32px;
+    width: 328px;
+    right: 24px;
+    color: $white;
+    text-align: center;
+    padding: 2px;
+  }
+}

package/dist/luna/components/SlideOutFeat/SlideOutFeat.scss

@@ -1,124 +1,124 @@
-@import "../../../global-styles/terra.scss";
-
-.slide-out-feat {
-  display: grid;
-  grid-template-columns: 4fr 6fr;
-  align-items: center;
-  margin: auto;
-  max-width: 1200px;
-  margin-top: 60px;
-  margin-bottom: 60px;
-  min-height: 500px;
-
-  @media screen and (max-width: 1272px) {
-    display: block;
-  }
-
-  &__content {
-    padding-left: 24px;
-    box-shadow: rgba(54, 53, 69, 0.1) 0 10px 8px 0,
-      rgba(54, 53, 69, 0.05) 0 4px 8px 0;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding-right: 24px;
-
-    @media screen and (max-width: 1272px) {
-      box-shadow: none;
-      padding-bottom: 36px;
-      text-align: center;
-      max-width: 1000px;
-      margin: auto;
-    }
-  }
-
-  &__header {
-    font-size: $card-title-size;
-    font-weight: 800;
-  }
-
-  &__image-holder {
-    object-fit: cover;
-    width: 100%;
-    height: 100%;
-    position: relative;
-    overflow: hidden;
-
-    @media screen and (max-width: 1272px) {
-      display: none;
-    }
-  }
-
-  &__image {
-    object-fit: cover;
-    position: absolute;
-    animation: slide-out 0.6s ease;
-    width: 100%;
-    height: 500px;
-    background-size: cover;
-    background-position: left;
-    background-repeat: no-repeat;
-
-    &--mobile {
-      object-fit: cover;
-      display: none;
-      width: 700px;
-      height: 500px;
-      margin: auto;
-      background-size: cover;
-      background-position: left;
-      background-repeat: no-repeat;
-
-      @media screen and (max-width: 1272px) {
-        display: block;
-      }
-
-      @media screen and (max-width: 900px) {
-        width: calc(100vw - 72px);
-        height: calc((100vw - 72px) * 0.75);
-      }
-
-      @media screen and (max-width: 650px) {
-        margin: 0 auto;
-        padding: 0 36px;
-        width: calc(100vw - 72px);
-        height: calc((100vw - 72px) * 0.75);
-      }
-    }
-  }
-
-  &__text,
-  &__text-holder p {
-    margin: 0;
-    font-size: $subheading-size;
-    line-height: 32px;
-  }
-
-  .ter-button {
-    justify-content: center;
-    max-width: 200px;
-
-    @media screen and (max-width: 1272px) {
-      display: block;
-    }
-  }
-
-  .ter-cta-section {
-    padding-top: 24px;
-
-    @media screen and (max-width: 1272px) {
-      max-width: 200px;
-      margin: auto;
-    }
-  }
-}
-
-@keyframes slide-out {
-  from {
-    left: -700px;
-  }
-  to {
-    left: 0;
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.slide-out-feat {
+  display: grid;
+  grid-template-columns: 4fr 6fr;
+  align-items: center;
+  margin: auto;
+  max-width: 1200px;
+  margin-top: 60px;
+  margin-bottom: 60px;
+  min-height: 500px;
+
+  @media screen and (max-width: 1272px) {
+    display: block;
+  }
+
+  &__content {
+    padding-left: 24px;
+    box-shadow: rgba(54, 53, 69, 0.1) 0 10px 8px 0,
+      rgba(54, 53, 69, 0.05) 0 4px 8px 0;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding-right: 24px;
+
+    @media screen and (max-width: 1272px) {
+      box-shadow: none;
+      padding-bottom: 36px;
+      text-align: center;
+      max-width: 1000px;
+      margin: auto;
+    }
+  }
+
+  &__header {
+    font-size: $card-title-size;
+    font-weight: 800;
+  }
+
+  &__image-holder {
+    object-fit: cover;
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+
+    @media screen and (max-width: 1272px) {
+      display: none;
+    }
+  }
+
+  &__image {
+    object-fit: cover;
+    position: absolute;
+    animation: slide-out 0.6s ease;
+    width: 100%;
+    height: 500px;
+    background-size: cover;
+    background-position: left;
+    background-repeat: no-repeat;
+
+    &--mobile {
+      object-fit: cover;
+      display: none;
+      width: 700px;
+      height: 500px;
+      margin: auto;
+      background-size: cover;
+      background-position: left;
+      background-repeat: no-repeat;
+
+      @media screen and (max-width: 1272px) {
+        display: block;
+      }
+
+      @media screen and (max-width: 900px) {
+        width: calc(100vw - 72px);
+        height: calc((100vw - 72px) * 0.75);
+      }
+
+      @media screen and (max-width: 650px) {
+        margin: 0 auto;
+        padding: 0 36px;
+        width: calc(100vw - 72px);
+        height: calc((100vw - 72px) * 0.75);
+      }
+    }
+  }
+
+  &__text,
+  &__text-holder p {
+    margin: 0;
+    font-size: $subheading-size;
+    line-height: 32px;
+  }
+
+  .ter-button {
+    justify-content: center;
+    max-width: 200px;
+
+    @media screen and (max-width: 1272px) {
+      display: block;
+    }
+  }
+
+  .ter-cta-section {
+    padding-top: 24px;
+
+    @media screen and (max-width: 1272px) {
+      max-width: 200px;
+      margin: auto;
+    }
+  }
+}
+
+@keyframes slide-out {
+  from {
+    left: -700px;
+  }
+  to {
+    left: 0;
+  }
+}