luna-one 3.1.591 → 3.1.592

package/dist/luna/components/NavSearch/NavSearch.scss

@@ -1,130 +1,130 @@
-@import "../../../global-styles/terra.scss";
-
-.luna-nav-search {
-  margin-right: 0px;
-  width: 0;
-  overflow: hidden;
-  transition: 0.3s;
-  visibility: hidden;
-  display: flex;
-
-  &__close-button {
-    cursor: pointer;
-    &:focus, &:active {
-      outline: 2px solid $sky-blue;
-    }
-  }
-
-  &--deployed {
-    visibility: visible;
-    width: 200px;
-    box-shadow: 0 3px $trimble-gold;
-
-    @media screen and (max-width: $breakpoint-md) {
-      width: 180px;
-    }
-  }
-
-  &__input {
-    border: none;
-    margin: 0;
-    height: 28px;
-    font-size: $body-font-size;
-    width: 200px;
-    padding-left: 4px;
-
-    &:focus-visible {
-      outline: none;
-    }
-
-    @media screen and (max-width: $breakpoint-sm) {
-      height: 60px;
-    }
-  }
-  &__label {
-    visibility: hidden;
-    width: 0;
-    overflow: hidden;
-  }
-
-  &__modal {
-    //overflow: scroll;
-    position: fixed;
-    background: rgba(255, 255, 255, 1);
-    z-index: 100;
-    top: spacing("lg");
-    left: 0;
-    -webkit-transition: 0.3s;
-    -o-transition: 0.3s;
-    transition: 0.3s;
-    opacity: 0;
-    -webkit-animation: fade-in 0.5s linear;
-    animation: fade-in 0.5s linear;
-    height: 100%;
-    width: 100%;
-    scrollbar-width: none;
-    visibility: hidden;
-
-    overflow-y: scroll;
-    scrollbar-width: none; /* Firefox */
-    -ms-overflow-style: none; /* Internet Explorer 10+ */
-    &::-webkit-scrollbar {
-      /* WebKit */
-      width: 0;
-      height: 0;
-    }
-
-    &--is-deployed {
-      opacity: 1;
-      visibility: visible;
-    }
-
-    @media screen and (max-width: $breakpoint-sm) {
-      top: 61px;
-    }
-  }
-
-  &__modal-grid {
-    padding-top: spacing("sm");
-    grid-template-columns: repeat(16, 1fr);
-    display: grid;
-    width: 100%;
-
-    @media screen and (min-width: $breakpoint-md) {
-      width: 1280px;
-    }
-  }
-
-  &__modal-box {
-    grid-column: 2 / span 14;
-  }
-
-  &__close-button {
-    position: absolute;
-    right: calc(100% / 16);
-
-    @media screen and (min-width: $breakpoint-md) {
-      right: calc(((100% - 1280px) / 2) + (1280px / 16));
-    }
-  }
-
-  &__close-icon {
-    height: 24px;
-    width: 24px;
-
-    @media screen and (max-width: $breakpoint-xs) {
-      height: 20px;
-      width: 20px;
-    }
-  }
-}
-
-@media screen and (-ms-high-contrast: active),
-  screen and (-ms-high-contrast: none) {
-  /* IE10+ specific styles go here */
-  .luna-nav-search {
-    &__input {
-      margin-bottom: 5px !important;
-    }
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.luna-nav-search {
+  margin-right: 0px;
+  width: 0;
+  overflow: hidden;
+  transition: 0.3s;
+  visibility: hidden;
+  display: flex;
+
+  &__close-button {
+    cursor: pointer;
+    &:focus, &:active {
+      outline: 2px solid $sky-blue;
+    }
+  }
+
+  &--deployed {
+    visibility: visible;
+    width: 200px;
+    box-shadow: 0 3px $trimble-gold;
+
+    @media screen and (max-width: $breakpoint-md) {
+      width: 180px;
+    }
+  }
+
+  &__input {
+    border: none;
+    margin: 0;
+    height: 28px;
+    font-size: $body-font-size;
+    width: 200px;
+    padding-left: 4px;
+
+    &:focus-visible {
+      outline: none;
+    }
+
+    @media screen and (max-width: $breakpoint-sm) {
+      height: 60px;
+    }
+  }
+  &__label {
+    visibility: hidden;
+    width: 0;
+    overflow: hidden;
+  }
+
+  &__modal {
+    //overflow: scroll;
+    position: fixed;
+    background: rgba(255, 255, 255, 1);
+    z-index: 100;
+    top: spacing("lg");
+    left: 0;
+    -webkit-transition: 0.3s;
+    -o-transition: 0.3s;
+    transition: 0.3s;
+    opacity: 0;
+    -webkit-animation: fade-in 0.5s linear;
+    animation: fade-in 0.5s linear;
+    height: 100%;
+    width: 100%;
+    scrollbar-width: none;
+    visibility: hidden;
+
+    overflow-y: scroll;
+    scrollbar-width: none; /* Firefox */
+    -ms-overflow-style: none; /* Internet Explorer 10+ */
+    &::-webkit-scrollbar {
+      /* WebKit */
+      width: 0;
+      height: 0;
+    }
+
+    &--is-deployed {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    @media screen and (max-width: $breakpoint-sm) {
+      top: 61px;
+    }
+  }
+
+  &__modal-grid {
+    padding-top: spacing("sm");
+    grid-template-columns: repeat(16, 1fr);
+    display: grid;
+    width: 100%;
+
+    @media screen and (min-width: $breakpoint-md) {
+      width: 1280px;
+    }
+  }
+
+  &__modal-box {
+    grid-column: 2 / span 14;
+  }
+
+  &__close-button {
+    position: absolute;
+    right: calc(100% / 16);
+
+    @media screen and (min-width: $breakpoint-md) {
+      right: calc(((100% - 1280px) / 2) + (1280px / 16));
+    }
+  }
+
+  &__close-icon {
+    height: 24px;
+    width: 24px;
+
+    @media screen and (max-width: $breakpoint-xs) {
+      height: 20px;
+      width: 20px;
+    }
+  }
+}
+
+@media screen and (-ms-high-contrast: active),
+  screen and (-ms-high-contrast: none) {
+  /* IE10+ specific styles go here */
+  .luna-nav-search {
+    &__input {
+      margin-bottom: 5px !important;
+    }
+  }
+}