luna-one 3.1.592 → 3.1.593

package/dist/luna/components/InPageJumpNav/InPageJumpNav.scss

@@ -1,123 +1,123 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-jump-nav {
-  background-color: $trimble-dark-gray;
-  opacity: 0.9;
-  color: $white;
-  overflow: hidden;
-  display: none;
-  font-size: $body-font-size;
-  width: 100%;
-  max-width: 36px;
-  padding: 8px;
-  pointer-events: auto;
-  @media screen and (min-width: $breakpoint-sm) {
-    margin-right: 22px;
-    display: flex;
-  }
-  @media screen and (min-width: $breakpoint-md){
-    margin-right: 0;
-  }
-  @media screen and (min-width: 1400px) {
-    margin-right: -58px;
-  }
-  &:not(.ter-jump-nav--expanded){
-    font-size: 0;
-    cursor: pointer;
-    .ter-jump-nav__nav-link {
-      pointer-events: none;
-    }
-  }
-  &--expanded {
-    max-width: 210px;
-    padding: 16px 20px;
-    .ter-jump-nav__nav-item {
-      padding: 10px 0;
-    }
-    .ter-jump-nav__nav-link {
-      pointer-events: auto;
-      cursor: pointer;
-      color: $white;
-      text-decoration: none;
-    }
-  }
-  &-holder {
-    position: fixed;
-    z-index: 50;
-    display: flex;
-    justify-content: flex-end;
-    pointer-events: none;
-    top: 40vh;
-    right: 0;
-    width: 100%;
-  }
-  * {
-    opacity: 1;
-  }
-  &__heading {
-    font-size: $body-font-size;
-    cursor: pointer;
-    display: grid;
-    grid-template-columns: 20px auto;
-    font-weight: 700;
-  }
-  &__heading-text {
-    padding-left: 10px;
-    display: flex;
-    align-items: center;
-  }
-  &__heading-icon {
-    width: 20px;
-    margin-right: 10px;
-  }
-  &__nav {
-    padding: 0;
-    margin: 0;
-  }
-  &__nav-item {
-    line-height: 1;
-    list-style-type: none;
-    position: relative;
-    padding: 5px 0;
-  }
-  &__link-dot {
-    display: flex;
-    align-items: top;
-    padding-top: 4px;
-    &:before {
-      content: "";
-      display: inline-block;
-      background-color: white;
-      border-radius: 50%;
-      height: 4px;
-      width: 4px;
-      position: relative;
-      margin: 0 auto;
-      left: 0;
-    }
-  }
-  &__link-text {
-    padding-left: 10px;
-  }
-  &__nav-link {
-    text-decoration: none;
-    color: $white;
-    opacity: 0.8;
-    display: grid;
-    grid-template-columns: 20px auto;
-    font-weight: inherit;
-  }
-  &__nav-item--active > .ter-jump-nav__nav-link {
-    opacity: 1;
-    color: $white;
-    text-decoration: none;
-    font-weight: bold;
-    .ter-jump-nav__link-dot:before {
-      transform: scale(1.5);
-    }
-  }
-  .ter-jump-nav__nav-item:not(.ter-jump-nav__heading) > .ter-jump-nav__nav-link:hover,
-  .ter-jump-nav__nav-item:not(.ter-jump-nav__heading) > .ter-jump-nav__nav-link:active {
-    text-decoration: underline;
-  }
+@import "../../../global-styles/terra.scss";
+
+.ter-jump-nav {
+  background-color: $trimble-dark-gray;
+  opacity: 0.9;
+  color: $white;
+  overflow: hidden;
+  display: none;
+  font-size: $body-font-size;
+  width: 100%;
+  max-width: 36px;
+  padding: 8px;
+  pointer-events: auto;
+  @media screen and (min-width: $breakpoint-sm) {
+    margin-right: 22px;
+    display: flex;
+  }
+  @media screen and (min-width: $breakpoint-md){
+    margin-right: 0;
+  }
+  @media screen and (min-width: 1400px) {
+    margin-right: -58px;
+  }
+  &:not(.ter-jump-nav--expanded){
+    font-size: 0;
+    cursor: pointer;
+    .ter-jump-nav__nav-link {
+      pointer-events: none;
+    }
+  }
+  &--expanded {
+    max-width: 210px;
+    padding: 16px 20px;
+    .ter-jump-nav__nav-item {
+      padding: 10px 0;
+    }
+    .ter-jump-nav__nav-link {
+      pointer-events: auto;
+      cursor: pointer;
+      color: $white;
+      text-decoration: none;
+    }
+  }
+  &-holder {
+    position: fixed;
+    z-index: 50;
+    display: flex;
+    justify-content: flex-end;
+    pointer-events: none;
+    top: 40vh;
+    right: 0;
+    width: 100%;
+  }
+  * {
+    opacity: 1;
+  }
+  &__heading {
+    font-size: $body-font-size;
+    cursor: pointer;
+    display: grid;
+    grid-template-columns: 20px auto;
+    font-weight: 700;
+  }
+  &__heading-text {
+    padding-left: 10px;
+    display: flex;
+    align-items: center;
+  }
+  &__heading-icon {
+    width: 20px;
+    margin-right: 10px;
+  }
+  &__nav {
+    padding: 0;
+    margin: 0;
+  }
+  &__nav-item {
+    line-height: 1;
+    list-style-type: none;
+    position: relative;
+    padding: 5px 0;
+  }
+  &__link-dot {
+    display: flex;
+    align-items: top;
+    padding-top: 4px;
+    &:before {
+      content: "";
+      display: inline-block;
+      background-color: white;
+      border-radius: 50%;
+      height: 4px;
+      width: 4px;
+      position: relative;
+      margin: 0 auto;
+      left: 0;
+    }
+  }
+  &__link-text {
+    padding-left: 10px;
+  }
+  &__nav-link {
+    text-decoration: none;
+    color: $white;
+    opacity: 0.8;
+    display: grid;
+    grid-template-columns: 20px auto;
+    font-weight: inherit;
+  }
+  &__nav-item--active > .ter-jump-nav__nav-link {
+    opacity: 1;
+    color: $white;
+    text-decoration: none;
+    font-weight: bold;
+    .ter-jump-nav__link-dot:before {
+      transform: scale(1.5);
+    }
+  }
+  .ter-jump-nav__nav-item:not(.ter-jump-nav__heading) > .ter-jump-nav__nav-link:hover,
+  .ter-jump-nav__nav-item:not(.ter-jump-nav__heading) > .ter-jump-nav__nav-link:active {
+    text-decoration: underline;
+  }
 }

package/dist/luna/components/JobPosting/JobPosting.scss

@@ -1,171 +1,171 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-job-posting {
-  padding: 1em;
-  position: relative;
-
-  &__border {
-    height: 100%;
-    width: 100%;
-    position: absolute;
-    right: 0;
-    top: 0;
-
-    &--yellow {
-      border-left: 2px solid $trimble-gold;
-      border-top: 2px solid $trimble-gold;
-      width: 1.1em;
-      height: 1.1em;
-      z-index: 2;
-      left: 0;
-    }
-
-    &--blue {
-      &--cover {
-        background: $white;
-        right: 1em;
-        top: -1em;
-        z-index: 1;
-      }
-
-      border: 2px solid $trimble-blue;
-      &::before,
-      &::after {
-        content: "";
-        display: block;
-        position: absolute;
-        background: $white;
-      }
-      &--dark {
-        &::before,
-        &::after {
-          content: "";
-          display: block;
-          position: absolute;
-          background: $trimble-dark-gray;
-        }
-      }
-
-      &::before {
-        top: -0.3em; // let it overlap a bit to prevent thin line which could appear during scaling in some browsers etc.
-        bottom: -0.3em;
-        left: 1em;
-        right: 1em;
-      }
-
-      &::after {
-        left: -0.3em;
-        right: -0.3em;
-        top: 1em;
-        bottom: 1em;
-      }
-    }
-  }
-
-  &--content {
-    position: relative;
-    z-index: 1;
-    padding: 20px 40px;
-
-    @media screen and (max-width: $breakpoint-xs) {
-      padding: 20px 0px;
-    }
-  }
-
-  &__title {
-    font-size: $heading-4-size;
-    @include benton-very-bold();
-  }
-  &__details {
-    font-size: $body-font-size;
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-    list-style-type: none;
-    padding-left: 0;
-
-    @media screen and (max-width: $breakpoint-xs) {
-      flex-direction: column;
-    }
-
-    li {
-      margin-bottom: 5px;
-      margin-right: 20px;
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-      b {
-        @include benton-bold();
-        margin-left: 1px;
-        display: flex;
-
-        .luna-link__icon-diagnol {
-          top: 1px;
-          left: 8px;
-        }
-      }
-    }
-    &--break {
-      flex-basis: inherit;
-      @media screen and (max-width: $breakpoint-xs) {
-        flex-basis: 100%;
-      }
-    }
-    &--map {
-      @include benton-medium();
-      color: $trimble-dark-gray;
-      font-size: $body-font-size;
-      opacity: 100%;
-      box-shadow: 0px 2px $trimble-gold;
-      cursor: pointer;
-      line-height: 14px;
-      margin-left: 5px;
-      margin-top: 3px;
-
-      @media screen and (max-width: $breakpoint-xs) {
-        margin-left: 0px;
-        margin-top: 5px;
-      }
-    }
-    a {
-      text-decoration: none !important;
-    }
-  }
-  &__description {
-    font-size: $body-font-size;
-    margin-top: 60px;
-    h6 {
-      @include benton-very-bold();
-      font-size: $heading-6-size;
-    }
-    b {
-      @include benton-bold();
-    }
-    p {
-      font-size: $body-font-size;
-    }
-  }
-  &__pay-equity {
-    margin: 32px 0;
-    font-size: $body-font-size;
-    &--title {
-      font-size: 16px !important;
-      @include benton-bold();
-    }
-    p {
-      font-size: $body-font-size;
-    }
-    &--compensation {
-      display: flex;
-      flex-direction: row;
-      b {
-        font-size: $body-font-size;
-        @include benton-bold();
-      }
-    }
-  }
-  &__button {
-    height: 48px;
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.ter-job-posting {
+  padding: 1em;
+  position: relative;
+
+  &__border {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    right: 0;
+    top: 0;
+
+    &--yellow {
+      border-left: 2px solid $trimble-gold;
+      border-top: 2px solid $trimble-gold;
+      width: 1.1em;
+      height: 1.1em;
+      z-index: 2;
+      left: 0;
+    }
+
+    &--blue {
+      &--cover {
+        background: $white;
+        right: 1em;
+        top: -1em;
+        z-index: 1;
+      }
+
+      border: 2px solid $trimble-blue;
+      &::before,
+      &::after {
+        content: "";
+        display: block;
+        position: absolute;
+        background: $white;
+      }
+      &--dark {
+        &::before,
+        &::after {
+          content: "";
+          display: block;
+          position: absolute;
+          background: $trimble-dark-gray;
+        }
+      }
+
+      &::before {
+        top: -0.3em; // let it overlap a bit to prevent thin line which could appear during scaling in some browsers etc.
+        bottom: -0.3em;
+        left: 1em;
+        right: 1em;
+      }
+
+      &::after {
+        left: -0.3em;
+        right: -0.3em;
+        top: 1em;
+        bottom: 1em;
+      }
+    }
+  }
+
+  &--content {
+    position: relative;
+    z-index: 1;
+    padding: 20px 40px;
+
+    @media screen and (max-width: $breakpoint-xs) {
+      padding: 20px 0px;
+    }
+  }
+
+  &__title {
+    font-size: $heading-4-size;
+    @include benton-very-bold();
+  }
+  &__details {
+    font-size: $body-font-size;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    list-style-type: none;
+    padding-left: 0;
+
+    @media screen and (max-width: $breakpoint-xs) {
+      flex-direction: column;
+    }
+
+    li {
+      margin-bottom: 5px;
+      margin-right: 20px;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      b {
+        @include benton-bold();
+        margin-left: 1px;
+        display: flex;
+
+        .luna-link__icon-diagnol {
+          top: 1px;
+          left: 8px;
+        }
+      }
+    }
+    &--break {
+      flex-basis: inherit;
+      @media screen and (max-width: $breakpoint-xs) {
+        flex-basis: 100%;
+      }
+    }
+    &--map {
+      @include benton-medium();
+      color: $trimble-dark-gray;
+      font-size: $body-font-size;
+      opacity: 100%;
+      box-shadow: 0px 2px $trimble-gold;
+      cursor: pointer;
+      line-height: 14px;
+      margin-left: 5px;
+      margin-top: 3px;
+
+      @media screen and (max-width: $breakpoint-xs) {
+        margin-left: 0px;
+        margin-top: 5px;
+      }
+    }
+    a {
+      text-decoration: none !important;
+    }
+  }
+  &__description {
+    font-size: $body-font-size;
+    margin-top: 60px;
+    h6 {
+      @include benton-very-bold();
+      font-size: $heading-6-size;
+    }
+    b {
+      @include benton-bold();
+    }
+    p {
+      font-size: $body-font-size;
+    }
+  }
+  &__pay-equity {
+    margin: 32px 0;
+    font-size: $body-font-size;
+    &--title {
+      font-size: 16px !important;
+      @include benton-bold();
+    }
+    p {
+      font-size: $body-font-size;
+    }
+    &--compensation {
+      display: flex;
+      flex-direction: row;
+      b {
+        font-size: $body-font-size;
+        @include benton-bold();
+      }
+    }
+  }
+  &__button {
+    height: 48px;
+  }
+}