luna-one 3.1.591 → 3.1.592

package/dist/luna/featurettes/Feat7/Feat7.scss

@@ -1,49 +1,49 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-feat-seven {
-  padding-top: 48px;
-  &__header {
-    font-size: $heading-3-size;
-    @include benton-very-bold();
-  }
-
-  &__header,
-  &__sub-header {
-    max-width: 930px;
-    text-align: center;
-    margin: 0 auto;
-
-    @media screen and (max-width: 960px) {
-      max-width: 610px;
-    }
-
-    @media screen and (max-width: 640px) {
-      margin-left: 0;
-      margin-right: 0;
-      padding: 0 32px;
-    }
-    
-    @media screen and (max-width: 600px) {
-      font-size: $heading-6-size;
-    }
-  
-  }
-
-  &__sub-header {
-    font-size: $subheading-size;
-    @include benton-light();
-    margin-top: 24px;
-
-  }
-
-  &__sub-header,
-  &__sub-header > p {
-    font-size: $subheading-size;
-    @include benton-light();
-    padding-bottom: 0;
-  }
-
-  .ter-tabs {
-    margin-top: 36px;
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.ter-feat-seven {
+  padding-top: 48px;
+  &__header {
+    font-size: $heading-3-size;
+    @include benton-very-bold();
+  }
+
+  &__header,
+  &__sub-header {
+    max-width: 930px;
+    text-align: center;
+    margin: 0 auto;
+
+    @media screen and (max-width: 960px) {
+      max-width: 610px;
+    }
+
+    @media screen and (max-width: 640px) {
+      margin-left: 0;
+      margin-right: 0;
+      padding: 0 32px;
+    }
+    
+    @media screen and (max-width: 600px) {
+      font-size: $heading-6-size;
+    }
+  
+  }
+
+  &__sub-header {
+    font-size: $subheading-size;
+    @include benton-light();
+    margin-top: 24px;
+
+  }
+
+  &__sub-header,
+  &__sub-header > p {
+    font-size: $subheading-size;
+    @include benton-light();
+    padding-bottom: 0;
+  }
+
+  .ter-tabs {
+    margin-top: 36px;
+  }
+}

package/dist/luna/featurettes/Feat8/Feat8.scss

@@ -1,103 +1,103 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-feat-eight {
-  width: 100%;
-  margin: auto;
-  @include organism-padding();
-  position: relative;
-
-  @media (min-width: $breakpoint-xs) {
-    padding-top: spacing("mega");
-  }
-
-  @media (min-width: $breakpoint-sm) {
-    @include grid-container;
-  }
-
-  @media (min-width: $breakpoint-sm) {
-    @include organism-padding();
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-
-  &__content-container {
-    @include grid-column(12);
-    @media (min-width: $breakpoint-md) {
-      max-width: 45rem;
-      margin-left: auto;
-      margin-right: auto;
-    }    
-  }
-
-  &__header {
-    font-size: $heading-3-size;
-  }
-
-  &__sub-header {
-    font-size: $heading-6-size;
-    line-height: 38px;
-    @include benton-light();
-  }
-
-  &__text,
-  &__text-holder p, 
-  &__text-holder ul, 
-  &__text-holder ol {
-    margin-top: spacing("md");
-    line-height: 25px;
-    font-size: $large-body-font-size;
-    @include benton-light();
-    text-align: left;
-  }
-
-  &__text-holder h1 {
-    font-size: $eyebrow-font-size;
-  }
-
-  &__text-holder h2 {
-    font-size: $heading-3-size;
-  }
-
-  &__text-holder h3 {
-    font-size: $heading-6-size;
-  }
-
-  &__text-holder h4 {
-    font-size: $subheading-size;
-  }
-
-  &__text-holder h5 {
-    font-size: $large-subheading-size;
-  }
-
-  &__text-holder h6 {
-    font-size: $large-body-font-size;
-  }
-
-  &--header-center {
-    text-align: center;
-  }
-
-  &--subheader-center {
-    text-align: center;
-  }
-
-  &--dark-theme h1, 
-  &--dark-theme h2, 
-  &--dark-theme h3, 
-  &--dark-theme h4, 
-  &--dark-theme h5, 
-  &--dark-theme h6, 
-  &--dark-theme p {
-    color: $concrete-gray;
-
-  }
-
-  &--dark-theme a {
-    color: $concrete-gray;
-    &:hover {
-      color: darken($concrete-gray, 10%);;
-    }
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.ter-feat-eight {
+  width: 100%;
+  margin: auto;
+  @include organism-padding();
+  position: relative;
+
+  @media (min-width: $breakpoint-xs) {
+    padding-top: spacing("mega");
+  }
+
+  @media (min-width: $breakpoint-sm) {
+    @include grid-container;
+  }
+
+  @media (min-width: $breakpoint-sm) {
+    @include organism-padding();
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+
+  &__content-container {
+    @include grid-column(12);
+    @media (min-width: $breakpoint-md) {
+      max-width: 45rem;
+      margin-left: auto;
+      margin-right: auto;
+    }    
+  }
+
+  &__header {
+    font-size: $heading-3-size;
+  }
+
+  &__sub-header {
+    font-size: $heading-6-size;
+    line-height: 38px;
+    @include benton-light();
+  }
+
+  &__text,
+  &__text-holder p, 
+  &__text-holder ul, 
+  &__text-holder ol {
+    margin-top: spacing("md");
+    line-height: 25px;
+    font-size: $large-body-font-size;
+    @include benton-light();
+    text-align: left;
+  }
+
+  &__text-holder h1 {
+    font-size: $eyebrow-font-size;
+  }
+
+  &__text-holder h2 {
+    font-size: $heading-3-size;
+  }
+
+  &__text-holder h3 {
+    font-size: $heading-6-size;
+  }
+
+  &__text-holder h4 {
+    font-size: $subheading-size;
+  }
+
+  &__text-holder h5 {
+    font-size: $large-subheading-size;
+  }
+
+  &__text-holder h6 {
+    font-size: $large-body-font-size;
+  }
+
+  &--header-center {
+    text-align: center;
+  }
+
+  &--subheader-center {
+    text-align: center;
+  }
+
+  &--dark-theme h1, 
+  &--dark-theme h2, 
+  &--dark-theme h3, 
+  &--dark-theme h4, 
+  &--dark-theme h5, 
+  &--dark-theme h6, 
+  &--dark-theme p {
+    color: $concrete-gray;
+
+  }
+
+  &--dark-theme a {
+    color: $concrete-gray;
+    &:hover {
+      color: darken($concrete-gray, 10%);;
+    }
+  }
+}

package/dist/luna/featurettes/IconTextList/IconTextList.scss

@@ -1,125 +1,125 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-icon-text-list {
-  @include grid-container;
-  grid-template-rows: 1fr;
-
-  @media screen and (max-width: $breakpoint-sm) {
-    grid-template-rows: minmax(min-content, max-content);
-  }
-
-  &__content-wrapper  {
-    grid-row: 1 / span 1;
-    grid-column: 1 / span 16;
-    align-self: center;
-
-    @media screen and (max-width: $breakpoint-sm) {
-      align-self: flex-start;
-    }
-
-    @media screen and (max-width: $breakpoint-xs) {
-      grid-column: 1 / span 16;
-      align-self: flex-start;
-    }
-  }
-
-  &__item {
-    display: flex;
-    flex-direction: row;
-    margin-bottom: 24px;
-    &-icon {
-      padding-right: 12px;
-
-      @media screen and (max-width: $breakpoint-xs) {
-        wpadding-right: 10px;
-      }
-
-      &-type {
-        width: 36px !important;
-        height: 36px !important;
-      }
-    }
-
-    &-text {
-
-      &-headline {
-        @include benton-bold();
-        font-size: $body-font-size;
-        line-height: 22px;
-        letter-spacing: 0.01em;
-        margin-top: 6px;
-        margin-bottom: 8px;
-
-        @media screen and (max-width: $breakpoint-xs) {
-          font-size: $body-font-size-mobile;
-          line-height: 23px;
-        }
-      }
-
-      &-body,
-      &-body > p {
-        font-size: $body-font-size;
-        line-height: 22px;
-        font-weight: 350;
-        letter-spacing: 0.01em;
-
-        @media screen and (max-width: $breakpoint-xs) {
-          font-size: $body-font-size-mobile;
-          line-height: 23px;
-        }
-      }
-
-      &-body {
-        ul {
-          li {
-            list-style: none;
-            position: relative;
-
-            &:before {
-              content: "\26AC";
-              color: $trimble-blue;
-              font-weight: bold;
-              display: inline-block;
-              width: 1rem;
-              margin-left: -1rem;
-            }
-          }
-        }
-      }
-    }
-  }
-  &--extra-padding {
-    padding: 50px;
-    .ter-icon-text-list__item:last-child {
-      margin-bottom: 0;
-      .ter-icon-text-list__item-text-body > *:last-child {
-        // prevents excessive spacing when component is nested and has extra-padding class
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  &__bullet-theme {
-    &--white,
-    &--transparent-dark-text,
-    &--concrete-gray {
-      > ul {
-        li:before {
-          color: $trimble-blue;
-        }
-      }
-    }
-
-    &--transparent-light-text,
-    &--dark-navy,
-    &--dark-gray,
-    &--blue {
-      > ul {
-        li:before {
-          color: $white;
-        }
-      }
-    }
-  }
-
+@import "../../../global-styles/terra.scss";
+
+.ter-icon-text-list {
+  @include grid-container;
+  grid-template-rows: 1fr;
+
+  @media screen and (max-width: $breakpoint-sm) {
+    grid-template-rows: minmax(min-content, max-content);
+  }
+
+  &__content-wrapper  {
+    grid-row: 1 / span 1;
+    grid-column: 1 / span 16;
+    align-self: center;
+
+    @media screen and (max-width: $breakpoint-sm) {
+      align-self: flex-start;
+    }
+
+    @media screen and (max-width: $breakpoint-xs) {
+      grid-column: 1 / span 16;
+      align-self: flex-start;
+    }
+  }
+
+  &__item {
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 24px;
+    &-icon {
+      padding-right: 12px;
+
+      @media screen and (max-width: $breakpoint-xs) {
+        wpadding-right: 10px;
+      }
+
+      &-type {
+        width: 36px !important;
+        height: 36px !important;
+      }
+    }
+
+    &-text {
+
+      &-headline {
+        @include benton-bold();
+        font-size: $body-font-size;
+        line-height: 22px;
+        letter-spacing: 0.01em;
+        margin-top: 6px;
+        margin-bottom: 8px;
+
+        @media screen and (max-width: $breakpoint-xs) {
+          font-size: $body-font-size-mobile;
+          line-height: 23px;
+        }
+      }
+
+      &-body,
+      &-body > p {
+        font-size: $body-font-size;
+        line-height: 22px;
+        font-weight: 350;
+        letter-spacing: 0.01em;
+
+        @media screen and (max-width: $breakpoint-xs) {
+          font-size: $body-font-size-mobile;
+          line-height: 23px;
+        }
+      }
+
+      &-body {
+        ul {
+          li {
+            list-style: none;
+            position: relative;
+
+            &:before {
+              content: "\26AC";
+              color: $trimble-blue;
+              font-weight: bold;
+              display: inline-block;
+              width: 1rem;
+              margin-left: -1rem;
+            }
+          }
+        }
+      }
+    }
+  }
+  &--extra-padding {
+    padding: 50px;
+    .ter-icon-text-list__item:last-child {
+      margin-bottom: 0;
+      .ter-icon-text-list__item-text-body > *:last-child {
+        // prevents excessive spacing when component is nested and has extra-padding class
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  &__bullet-theme {
+    &--white,
+    &--transparent-dark-text,
+    &--concrete-gray {
+      > ul {
+        li:before {
+          color: $trimble-blue;
+        }
+      }
+    }
+
+    &--transparent-light-text,
+    &--dark-navy,
+    &--dark-gray,
+    &--blue {
+      > ul {
+        li:before {
+          color: $white;
+        }
+      }
+    }
+  }
+
 }