luna-one 3.1.430 → 3.1.431

package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.scss

@@ -1,272 +1,272 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-mobile-mega-menu {
-  padding: 0;
-  background: $white;
-  height: auto;
-  visibility: visible;
-  transition: 0.3s;
-  transform: translateX(0%);
-
-  &--inactive {
-    transform: translateX(-100%);
-    visibility: hidden;
-  }
-
-  &--reveal {
-    visibility: visible;
-    transform: translateX(0%);
-    position: absolute;
-    top: 0px;
-    width: 100vw;
-    z-index: 1;
-
-    &--from-left {
-      visibility: hidden;
-      transform: translateX(-100%);
-      position: absolute;
-      top: 0px;
-      width: 100vw;
-    }
-
-    &--from-right {
-      visibility: hidden;
-      transform: translateX(100%);
-      position: absolute;
-      width: 100vw;
-      top: 0px;
-      transition: 0.3s;
-
-      &--visible {
-        visibility: visible;
-      }
-
-      &--reverse {
-        transform: translateX(0%);
-      }
-    }
-  }
-
-  &__name {
-    font-size: $body-font-size;
-    margin: 0;
-    height: 60px;
-    line-height: 60px;
-    background: $trimble-blue;
-    color: $white;
-    padding: 0 16px;
-    @include benton-medium();
-    position: relative;
-    overflow: hidden;
-    transition: 0.3s;
-    border-bottom: 1px solid $white;
-    visibility: hidden;
-
-    &--open {
-      padding: 0 32px;
-      visibility: visible;
-      &:focus {
-        outline: 2px solid $trimble-gold;
-        outline-offset: -2px;
-        transition: outline 0s;
-        transition: outline-offset 0s;
-      }
-    }
-
-    &--open-parent {
-      padding: 0 16px;
-      visibility: visible;
-
-      &:focus {
-        outline: 2px solid $trimble-gold;
-        outline-offset: -2px;
-        transition: outline 0s;
-        transition: outline-offset 0s;
-      }
-    }
-
-    &:hover {
-      cursor: pointer;
-    }
-  }
-
-  &__caret {
-    width: 10px;
-    position: absolute;
-    top: 24px;
-    right: 16px;
-    transition: 0.3s;
-
-    @media screen and (max-width: $breakpoint-xs) {
-      right: 24px;
-    }
-
-    &--up {
-      left: 16px;
-      transform: rotate(180deg);
-    }
-  }
-
-  &__category-container {
-    height: auto;
-    transition: 0.3s;
-    margin: 0;
-    &--is-open {
-      overflow: scroll;
-    }
-  }
-
-  &__bottom-link {
-    background: $glass-blue;
-    font-size: $body-font-size;
-    color: $white;
-    margin: 8px auto;
-    display: block;
-    width: min-content;
-    height: 32px;
-    line-height: 32px;
-    padding: 0 24px;
-  }
-  &-featured {
-    background-color: #DCEDF9;
-    padding-bottom: 10px;
-    .ter-mega-menu__category-title {
-      padding: 20px 16px 10px 16px;
-    }
-    .ter-feature-section__link {
-      padding: 4px 16px 16px 16px;
-      margin: 0;
-      display: block;
-      text-decoration: none;
-      &--underline {
-        font-size: 14px;
-        margin: 0;
-      }
-    }
-  }
-}
-
-.ter-mobile-mega-menu-category {
-  transition: 0.3s;
-  transform: translateX(0%);
-  visibility: visible;
-
-  &--active {
-    background: $trimble-blue;
-    color: $white;
-    transform: translateX(-100%);
-    visibility: hidden;
-  }
-
-  &--hidden {
-    visibility: hidden;
-  }
-
-  &__name,
-  &__single-link {
-    font-size: $body-font-size;
-    margin: 0;
-    height: 60px;
-    line-height: 60px;
-    background: $white;
-    color: $trimble-blue !important;
-    padding: 0 16px;
-    @include benton-medium();
-    position: relative;
-    display: block;
-    border-bottom: 1px solid $mep-gray-2;
-    //transition: 0.3s;
-    visibility: inherit;
-
-    &--active {
-      background: $trimble-blue;
-      color: $white;
-    }
-
-    &:hover {
-      cursor: pointer;
-    }
-
-    &:visited {
-      color: $trimble-dark-gray;
-    }
-
-    &:focus {
-      outline: 2px solid $sky-blue;
-      outline-offset: -2px;
-      transition: outline 0s;
-      transition: outline-offset 0s;
-    }
-
-    &--hidden {
-      visibility: hidden;
-      transition: 0.3s;
-    }
-
-    &--single {
-      font-size: $body-font-size;
-      margin: 0;
-      height: 60px;
-      line-height: 60px;
-      background: $white;
-      color: $trimble-blue;
-      @include benton-medium();
-      position: relative;
-
-      a {
-        :visited {
-          color: $trimble-blue;
-        }
-      }
-    }
-  }
-
-  &__single-link {
-    &:hover {
-      cursor: pointer;
-    }
-
-    &:visited {
-      color: $trimble-blue;
-    }
-  }
-
-  &__caret {
-    width: 10px;
-    position: absolute;
-    top: 24px;
-    right: 32px;
-    transition: 0.3s;
-
-    @media screen and (max-width: $breakpoint-xs) {
-      right: 24px;
-    }
-
-    &--up {
-      transform: rotate(180deg);
-    }
-  }
-
-  &__submenu {
-    background: $white;
-    margin: 0;
-    overflow: hidden;
-    height: auto;
-    transition: 0.3s;
-    padding: 0;
-
-    &-link {
-      display: block;
-      padding: 0;
-      a {
-        padding: 0 16px 0 52px;
-
-        width: 100%;
-        height: 60px;
-        line-height: 60px;
-        color: $trimble-dark-gray !important;
-        font-size: $body-font-size;
-      }
-    }
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.ter-mobile-mega-menu {
+  padding: 0;
+  background: $white;
+  height: auto;
+  visibility: visible;
+  transition: 0.3s;
+  transform: translateX(0%);
+
+  &--inactive {
+    transform: translateX(-100%);
+    visibility: hidden;
+  }
+
+  &--reveal {
+    visibility: visible;
+    transform: translateX(0%);
+    position: absolute;
+    top: 0px;
+    width: 100vw;
+    z-index: 1;
+
+    &--from-left {
+      visibility: hidden;
+      transform: translateX(-100%);
+      position: absolute;
+      top: 0px;
+      width: 100vw;
+    }
+
+    &--from-right {
+      visibility: hidden;
+      transform: translateX(100%);
+      position: absolute;
+      width: 100vw;
+      top: 0px;
+      transition: 0.3s;
+
+      &--visible {
+        visibility: visible;
+      }
+
+      &--reverse {
+        transform: translateX(0%);
+      }
+    }
+  }
+
+  &__name {
+    font-size: $body-font-size;
+    margin: 0;
+    height: 60px;
+    line-height: 60px;
+    background: $trimble-blue;
+    color: $white;
+    padding: 0 16px;
+    @include benton-medium();
+    position: relative;
+    overflow: hidden;
+    transition: 0.3s;
+    border-bottom: 1px solid $white;
+    visibility: hidden;
+
+    &--open {
+      padding: 0 32px;
+      visibility: visible;
+      &:focus {
+        outline: 2px solid $trimble-gold;
+        outline-offset: -2px;
+        transition: outline 0s;
+        transition: outline-offset 0s;
+      }
+    }
+
+    &--open-parent {
+      padding: 0 16px;
+      visibility: visible;
+
+      &:focus {
+        outline: 2px solid $trimble-gold;
+        outline-offset: -2px;
+        transition: outline 0s;
+        transition: outline-offset 0s;
+      }
+    }
+
+    &:hover {
+      cursor: pointer;
+    }
+  }
+
+  &__caret {
+    width: 10px;
+    position: absolute;
+    top: 24px;
+    right: 16px;
+    transition: 0.3s;
+
+    @media screen and (max-width: $breakpoint-xs) {
+      right: 24px;
+    }
+
+    &--up {
+      left: 16px;
+      transform: rotate(180deg);
+    }
+  }
+
+  &__category-container {
+    height: auto;
+    transition: 0.3s;
+    margin: 0;
+    &--is-open {
+      overflow: scroll;
+    }
+  }
+
+  &__bottom-link {
+    background: $glass-blue;
+    font-size: $body-font-size;
+    color: $white;
+    margin: 8px auto;
+    display: block;
+    width: min-content;
+    height: 32px;
+    line-height: 32px;
+    padding: 0 24px;
+  }
+  &-featured {
+    background-color: #DCEDF9;
+    padding-bottom: 10px;
+    .ter-mega-menu__category-title {
+      padding: 20px 16px 10px 16px;
+    }
+    .ter-feature-section__link {
+      padding: 4px 16px 16px 16px;
+      margin: 0;
+      display: block;
+      text-decoration: none;
+      &--underline {
+        font-size: 14px;
+        margin: 0;
+      }
+    }
+  }
+}
+
+.ter-mobile-mega-menu-category {
+  transition: 0.3s;
+  transform: translateX(0%);
+  visibility: visible;
+
+  &--active {
+    background: $trimble-blue;
+    color: $white;
+    transform: translateX(-100%);
+    visibility: hidden;
+  }
+
+  &--hidden {
+    visibility: hidden;
+  }
+
+  &__name,
+  &__single-link {
+    font-size: $body-font-size;
+    margin: 0;
+    height: 60px;
+    line-height: 60px;
+    background: $white;
+    color: $trimble-blue !important;
+    padding: 0 16px;
+    @include benton-medium();
+    position: relative;
+    display: block;
+    border-bottom: 1px solid $mep-gray-2;
+    //transition: 0.3s;
+    visibility: inherit;
+
+    &--active {
+      background: $trimble-blue;
+      color: $white;
+    }
+
+    &:hover {
+      cursor: pointer;
+    }
+
+    &:visited {
+      color: $trimble-dark-gray;
+    }
+
+    &:focus {
+      outline: 2px solid $sky-blue;
+      outline-offset: -2px;
+      transition: outline 0s;
+      transition: outline-offset 0s;
+    }
+
+    &--hidden {
+      visibility: hidden;
+      transition: 0.3s;
+    }
+
+    &--single {
+      font-size: $body-font-size;
+      margin: 0;
+      height: 60px;
+      line-height: 60px;
+      background: $white;
+      color: $trimble-blue;
+      @include benton-medium();
+      position: relative;
+
+      a {
+        :visited {
+          color: $trimble-blue;
+        }
+      }
+    }
+  }
+
+  &__single-link {
+    &:hover {
+      cursor: pointer;
+    }
+
+    &:visited {
+      color: $trimble-blue;
+    }
+  }
+
+  &__caret {
+    width: 10px;
+    position: absolute;
+    top: 24px;
+    right: 32px;
+    transition: 0.3s;
+
+    @media screen and (max-width: $breakpoint-xs) {
+      right: 24px;
+    }
+
+    &--up {
+      transform: rotate(180deg);
+    }
+  }
+
+  &__submenu {
+    background: $white;
+    margin: 0;
+    overflow: hidden;
+    height: auto;
+    transition: 0.3s;
+    padding: 0;
+
+    &-link {
+      display: block;
+      padding: 0;
+      a {
+        padding: 0 16px 0 52px;
+
+        width: 100%;
+        height: 60px;
+        line-height: 60px;
+        color: $trimble-dark-gray !important;
+        font-size: $body-font-size;
+      }
+    }
+  }
+}

package/dist/luna/components/MobileMenu/MobileMenu.scss

@@ -1,70 +1,70 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-mobile-menu {
-  border-top: solid 1px $white;
-
-  &--first {
-    border-top: none;
-  }
-
-  &__name {
-    font-size: $body-font-size;
-    margin: 0;
-    height: 60px;
-    line-height: 60px;
-    background: $trimble-blue;
-    color: $white;
-    padding: 0 16px;
-    @include benton-medium();
-    position: relative;
-    &:hover {
-      cursor: pointer;
-    }
-  }
-
-  &__caret {
-    width: 10px;
-    position: absolute;
-    top: 24px;
-    right: 16px;
-    transition: 0.3s;
-
-    @media screen and (max-width: $breakpoint-xs) {
-      right: 24px;
-    }
-
-    &--up {
-      left: 16px;
-      transform: rotate(180deg);
-    }
-  }
-
-  &__link-container {
-    background: $white;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-    height: auto;
-    max-height: 0;
-    transition: 0.3s;
-
-    &--is-open {
-      max-height: 1000px;
-    }
-  }
-
-  &__link {
-    padding: 0;
-    display: block;
-
-    a {
-      padding: 0 16px;
-      height: 60px;
-      line-height: 60px;
-      color: $trimble-blue;
-      font-size: $body-font-size;
-      text-decoration: none;
-      @include benton-medium();
-    }
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.ter-mobile-menu {
+  border-top: solid 1px $white;
+
+  &--first {
+    border-top: none;
+  }
+
+  &__name {
+    font-size: $body-font-size;
+    margin: 0;
+    height: 60px;
+    line-height: 60px;
+    background: $trimble-blue;
+    color: $white;
+    padding: 0 16px;
+    @include benton-medium();
+    position: relative;
+    &:hover {
+      cursor: pointer;
+    }
+  }
+
+  &__caret {
+    width: 10px;
+    position: absolute;
+    top: 24px;
+    right: 16px;
+    transition: 0.3s;
+
+    @media screen and (max-width: $breakpoint-xs) {
+      right: 24px;
+    }
+
+    &--up {
+      left: 16px;
+      transform: rotate(180deg);
+    }
+  }
+
+  &__link-container {
+    background: $white;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    height: auto;
+    max-height: 0;
+    transition: 0.3s;
+
+    &--is-open {
+      max-height: 1000px;
+    }
+  }
+
+  &__link {
+    padding: 0;
+    display: block;
+
+    a {
+      padding: 0 16px;
+      height: 60px;
+      line-height: 60px;
+      color: $trimble-blue;
+      font-size: $body-font-size;
+      text-decoration: none;
+      @include benton-medium();
+    }
+  }
+}