luna-one 3.1.589 → 3.1.590

package/dist/luna/components/OverlayNotice/OverlayNotice.scss

@@ -1,247 +1,247 @@
-@import "../../../global-styles/terra.scss";
-
-.overlay-notice {
-  &__container {
-    z-index: 1000;
-    background-color: #c7e2f6; //Intentional, this color is specific in the design.
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    border-top: 4px solid $trimble-blue;
-    box-shadow: 0px -3px 14px rgba(0, 0, 0, 0.2);
-    -moz-box-shadow: 0px -3px 14px rgba(0, 0, 0, 0.2);
-    -webkit-box-shadow: 0px -3px 14px rgba(0, 0, 0, 0.2);
-    min-height: 48px;
-    max-height: 500px;
-    visibility: visible;
-    transition: max-height 1s ease-out, min-height 1s, visibility 0s,
-      border-top 0s;
-
-    &--closed {
-      max-height: 0px;
-      min-height: 0px;
-      visibility: hidden;
-      border-top: 0px solid $trimble-blue;
-      transition: max-height 0.5s, min-height 0.5s, visibility 0.5s,
-        border-top 0.3s linear 1.1s;
-    }
-  }
-
-  &__grid-container {
-    width: 100%;
-    padding: 0px calc((100% - 1280px) / 2);
-
-    @media screen and (max-width: $breakpoint-sm) {
-      padding: 0;
-    }
-  }
-
-  &__grid {
-    padding: spacing("md") 0;
-    display: grid;
-    grid-template-columns: repeat(16, 1fr);
-
-    @media screen and (max-width: $breakpoint-sm) {
-      padding: spacing("sm") 0;
-    }
-
-    @media screen and (max-width: $breakpoint-xs) {
-      padding: spacing("xs") 0;
-    }
-
-    @media screen and (max-width: $breakpoint-xxs) {
-      padding: spacing("xxs") 0;
-    }
-  }
-
-  &__text-content {
-    grid-column: 2 / span 10 !important;
-    padding: 0 spacing("xs") 0 0;
-
-    @media screen and (max-width: $breakpoint-sm) {
-      grid-column: 2 / span 9 !important;
-    }
-    @media screen and (max-width: $breakpoint-xs) {
-      grid-column: 2 / span 11 !important;
-    }
-  }
-
-  &__header {
-    @include header-standard-size;
-    font-size: font-size("xl");
-    line-height: font-size("mega");
-    margin-bottom: 8px;
-
-    @media screen and (max-width: $breakpoint-sm) {
-      font-size: font-size("md");
-      line-height: font-size("xl");
-    }
-
-    @media screen and (max-width: $breakpoint-xs) {
-      font-size: font-size("sm");
-      line-height: font-size("base");
-      margin-bottom: 0px;
-    }
-  }
-
-  &__details {
-    font-weight: 500;
-    p {
-      font-size: 14px;
-      display: inline-block;
-    }
-
-    p + p {
-      display: block;
-    }
-
-    & p:last-child {
-      margin: 0;
-    }
-
-    & p:first-child {
-      @media screen and (max-width: $breakpoint-xs) {
-        margin: spacing("xs") 0 0 0;
-      }
-    }
-
-    a {
-      @include benton-medium();
-      color: $trimble-dark-gray;
-      font-size: $body-font-size;
-      box-shadow: 0px 2px $trimble-gold;
-      cursor: pointer;
-      line-height: 14px;
-      text-decoration: none !important;
-      display: inline-block;
-      margin-left: spacing("micro");
-
-      &:hover {
-        color: $trimble-dark-gray;
-      }
-    }
-  }
-
-  &__cta-button {
-    grid-column: 12 / span 3 !important;
-    margin: auto;
-
-    @media screen and (max-width: $breakpoint-sm) {
-      grid-column: 11 / span 4 !important;
-    }
-
-    @media screen and (max-width: $breakpoint-xs) {
-      grid-column: 2 / span 14 !important;
-      grid-row: 2 / span 1;
-      margin: spacing("xs") 0 0 0;
-    }
-
-    a.ter-button {
-      white-space: pre-wrap;
-      height: auto !important;
-      padding: spacing("mini") spacing("xs");
-      line-height: 28px;
-
-      @media screen and (max-width: $breakpoint-xxs) {
-        max-width: 280px;
-        padding: 0 spacing("xxs") !important;
-        line-height: 28px;
-        font-size: $body-font-size-mobile;
-      }
-    }
-
-    &--external {
-      a.ter-button {
-        &:after {
-          margin: 0 -8px 0 4px;
-          width: 28px;
-          height: 24px;
-          content: "";
-          background-image: url("../../images/arrow-diagonal-white.svg");
-          background-repeat: no-repeat;
-          align-self: start;
-
-          @media screen and (max-width: $breakpoint-sm) {
-            margin: 1px -4px 0 4px;
-          }
-        }
-      }
-    }
-  }
-
-  &__button {
-    width: 34px;
-    height: 34px;
-    border-radius: 50%;
-
-    &--close {
-      cursor: pointer;
-      background-color: $white;
-      margin: auto;
-      grid-column: 15 / span 1 !important;
-
-      @media screen and (max-width: $breakpoint-sm) {
-        margin: auto auto auto spacing("xs");
-      }
-
-      @media screen and (max-width: $breakpoint-xs) {
-        margin: 0;
-      }
-
-      &:hover {
-        background-color: $concrete-gray-1;
-      }
-    }
-
-    &--close.tabFocus:focus {
-        outline: 2px solid $sky-blue;
-    }
-
-    &--expand {
-      background-color: $trimble-blue;
-      position: absolute;
-      left: spacing("md");
-      top: -#{spacing("xxs")};
-      visibility: visible;
-      transition: 0s;
-
-      &--closed {
-        visibility: hidden;
-        top: #{spacing("xxs")};
-        transition: visibility 0.3s linear 1s, top 0.7s linear 0.8s;
-      }
-
-      &:hover {
-        background-color: $sky-blue;
-      }
-    }
-    &--expand.tabFocus:focus {
-        outline: 2px solid $sky-blue;
-    }
-
-    @media screen and (max-width: $breakpoint-xs) {
-      width: 20px;
-      height: 20px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 0;
-    }
-  }
-
-  &__close-button-icon {
-    width: 14px;
-    height: 14px;
-
-    @media screen and (max-width: $breakpoint-xs) {
-      width: 10px;
-      height: 10px;
-    }
-  }
-
-  &__caret-button-icon {
-    width: 10px;
-    height: 10px;
-    transform: rotateZ(-90deg);
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.overlay-notice {
+  &__container {
+    z-index: 1000;
+    background-color: #c7e2f6; //Intentional, this color is specific in the design.
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    border-top: 4px solid $trimble-blue;
+    box-shadow: 0px -3px 14px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 0px -3px 14px rgba(0, 0, 0, 0.2);
+    -webkit-box-shadow: 0px -3px 14px rgba(0, 0, 0, 0.2);
+    min-height: 48px;
+    max-height: 500px;
+    visibility: visible;
+    transition: max-height 1s ease-out, min-height 1s, visibility 0s,
+      border-top 0s;
+
+    &--closed {
+      max-height: 0px;
+      min-height: 0px;
+      visibility: hidden;
+      border-top: 0px solid $trimble-blue;
+      transition: max-height 0.5s, min-height 0.5s, visibility 0.5s,
+        border-top 0.3s linear 1.1s;
+    }
+  }
+
+  &__grid-container {
+    width: 100%;
+    padding: 0px calc((100% - 1280px) / 2);
+
+    @media screen and (max-width: $breakpoint-sm) {
+      padding: 0;
+    }
+  }
+
+  &__grid {
+    padding: spacing("md") 0;
+    display: grid;
+    grid-template-columns: repeat(16, 1fr);
+
+    @media screen and (max-width: $breakpoint-sm) {
+      padding: spacing("sm") 0;
+    }
+
+    @media screen and (max-width: $breakpoint-xs) {
+      padding: spacing("xs") 0;
+    }
+
+    @media screen and (max-width: $breakpoint-xxs) {
+      padding: spacing("xxs") 0;
+    }
+  }
+
+  &__text-content {
+    grid-column: 2 / span 10 !important;
+    padding: 0 spacing("xs") 0 0;
+
+    @media screen and (max-width: $breakpoint-sm) {
+      grid-column: 2 / span 9 !important;
+    }
+    @media screen and (max-width: $breakpoint-xs) {
+      grid-column: 2 / span 11 !important;
+    }
+  }
+
+  &__header {
+    @include header-standard-size;
+    font-size: font-size("xl");
+    line-height: font-size("mega");
+    margin-bottom: 8px;
+
+    @media screen and (max-width: $breakpoint-sm) {
+      font-size: font-size("md");
+      line-height: font-size("xl");
+    }
+
+    @media screen and (max-width: $breakpoint-xs) {
+      font-size: font-size("sm");
+      line-height: font-size("base");
+      margin-bottom: 0px;
+    }
+  }
+
+  &__details {
+    font-weight: 500;
+    p {
+      font-size: 14px;
+      display: inline-block;
+    }
+
+    p + p {
+      display: block;
+    }
+
+    & p:last-child {
+      margin: 0;
+    }
+
+    & p:first-child {
+      @media screen and (max-width: $breakpoint-xs) {
+        margin: spacing("xs") 0 0 0;
+      }
+    }
+
+    a {
+      @include benton-medium();
+      color: $trimble-dark-gray;
+      font-size: $body-font-size;
+      box-shadow: 0px 2px $trimble-gold;
+      cursor: pointer;
+      line-height: 14px;
+      text-decoration: none !important;
+      display: inline-block;
+      margin-left: spacing("micro");
+
+      &:hover {
+        color: $trimble-dark-gray;
+      }
+    }
+  }
+
+  &__cta-button {
+    grid-column: 12 / span 3 !important;
+    margin: auto;
+
+    @media screen and (max-width: $breakpoint-sm) {
+      grid-column: 11 / span 4 !important;
+    }
+
+    @media screen and (max-width: $breakpoint-xs) {
+      grid-column: 2 / span 14 !important;
+      grid-row: 2 / span 1;
+      margin: spacing("xs") 0 0 0;
+    }
+
+    a.ter-button {
+      white-space: pre-wrap;
+      height: auto !important;
+      padding: spacing("mini") spacing("xs");
+      line-height: 28px;
+
+      @media screen and (max-width: $breakpoint-xxs) {
+        max-width: 280px;
+        padding: 0 spacing("xxs") !important;
+        line-height: 28px;
+        font-size: $body-font-size-mobile;
+      }
+    }
+
+    &--external {
+      a.ter-button {
+        &:after {
+          margin: 0 -8px 0 4px;
+          width: 28px;
+          height: 24px;
+          content: "";
+          background-image: url("../../images/arrow-diagonal-white.svg");
+          background-repeat: no-repeat;
+          align-self: start;
+
+          @media screen and (max-width: $breakpoint-sm) {
+            margin: 1px -4px 0 4px;
+          }
+        }
+      }
+    }
+  }
+
+  &__button {
+    width: 34px;
+    height: 34px;
+    border-radius: 50%;
+
+    &--close {
+      cursor: pointer;
+      background-color: $white;
+      margin: auto;
+      grid-column: 15 / span 1 !important;
+
+      @media screen and (max-width: $breakpoint-sm) {
+        margin: auto auto auto spacing("xs");
+      }
+
+      @media screen and (max-width: $breakpoint-xs) {
+        margin: 0;
+      }
+
+      &:hover {
+        background-color: $concrete-gray-1;
+      }
+    }
+
+    &--close.tabFocus:focus {
+        outline: 2px solid $sky-blue;
+    }
+
+    &--expand {
+      background-color: $trimble-blue;
+      position: absolute;
+      left: spacing("md");
+      top: -#{spacing("xxs")};
+      visibility: visible;
+      transition: 0s;
+
+      &--closed {
+        visibility: hidden;
+        top: #{spacing("xxs")};
+        transition: visibility 0.3s linear 1s, top 0.7s linear 0.8s;
+      }
+
+      &:hover {
+        background-color: $sky-blue;
+      }
+    }
+    &--expand.tabFocus:focus {
+        outline: 2px solid $sky-blue;
+    }
+
+    @media screen and (max-width: $breakpoint-xs) {
+      width: 20px;
+      height: 20px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0;
+    }
+  }
+
+  &__close-button-icon {
+    width: 14px;
+    height: 14px;
+
+    @media screen and (max-width: $breakpoint-xs) {
+      width: 10px;
+      height: 10px;
+    }
+  }
+
+  &__caret-button-icon {
+    width: 10px;
+    height: 10px;
+    transform: rotateZ(-90deg);
+  }
+}

package/dist/luna/components/Pagination/Pagination.scss

@@ -1,28 +1,28 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-pagination {
-  padding: 40px 0 20px 0;
-  font-size: $body-font-size;
-  text-align: center;
-  button {
-    display: inline-block;
-  }
-  &__item {
-    cursor: pointer;
-    &--active {
-      @include benton-bold();
-      color: $trimble-blue;
-    }
-  }
-  &__disabled {
-    pointer-events: none;
-    visibility: hidden;
-  }
-  .ter-pagination__button {
-    cursor: pointer;
-  }
-  .ter-pagination__button:hover,
-  .ter-pagination__item:hover {
-    color: $trimble-blue;
-  }
+@import "../../../global-styles/terra.scss";
+
+.ter-pagination {
+  padding: 40px 0 20px 0;
+  font-size: $body-font-size;
+  text-align: center;
+  button {
+    display: inline-block;
+  }
+  &__item {
+    cursor: pointer;
+    &--active {
+      @include benton-bold();
+      color: $trimble-blue;
+    }
+  }
+  &__disabled {
+    pointer-events: none;
+    visibility: hidden;
+  }
+  .ter-pagination__button {
+    cursor: pointer;
+  }
+  .ter-pagination__button:hover,
+  .ter-pagination__item:hover {
+    color: $trimble-blue;
+  }
 }