luna-one 3.1.591 → 3.1.592

package/dist/luna/components/MiniFeatDropdown/MiniFeatDropdown.scss

@@ -1,107 +1,107 @@
-@import "../../../global-styles/terra.scss";
-
-.mini-feat-dropdown {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 0 calc((100vw - 1200px) / 2) 0;
-  min-height: 228px;
-  margin: 0 auto;
-  background-color: $trimble-blue;
-  &__text-container {
-    margin: 16px;
-    max-width: 800px;
-    position: relative;
-    top: 16px;
-    -ms-flex-item-align: center;
-    -ms-grid-row-align: center;
-    align-self: center;
-  }
-  &__header {
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    color: $concrete-gray-1;
-    font-size: $heading-3-size; // TODO REMOVE THIS WHEN POSSIBLE - CONTAINS LINE HEIGHT DECLARATIONS + OTHERS
-    font-size: $heading-2-size;
-    margin: 0;
-    font-weight: bold;
-  }
-
-  &__text {
-    color: $concrete-gray-1;
-    font-size: $subheading-size;
-    line-height: 32px;
-    padding-top: 12px;
-    margin: 0;
-  }
-
-  &__dropdown-label {
-    margin-bottom: 0;
-    @include benton-medium();
-    font-size: $large-body-font-size;
-    color: $concrete-gray-1;
-  }
-
-  &__dropdown-container {
-    margin: 16px;
-    position: relative;
-    top: 8px;
-    -ms-flex-item-align: center;
-    -ms-grid-row-align: center;
-    align-self: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    width: 400px;
-  }
-}
-
-@media screen and (max-width: 1200px) {
-  .mini-feat-dropdown {
-    &__text-container {
-      margin: 32px;
-    }
-    &__dropdown-container {
-      margin: 32px;
-    }
-  }
-}
-
-@media screen and (max-width: 775px) {
-  .mini-feat-dropdown {
-    display: -ms-grid;
-    display: grid;
-    -ms-grid-rows: 1fr 100px;
-    grid-template-rows: 1fr 100px;
-
-    &__dropdown-container {
-      padding-bottom: 48px !important;
-    }
-  }
-}
-
-@media screen and (max-width: 460px) {
-  .mini-feat-dropdown {
-    &__text-container {
-      width: 325px;
-    }
-    &__dropdown-container {
-      width: 300px;
-    }
-  }
-}
-
-@media screen and (max-width: 365px) {
-  .mini-feat-dropdown {
-    &__text-container {
-      width: 255px;
-    }
-    &__dropdown-container {
-      width: 265px;
-    }
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.mini-feat-dropdown {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 0 calc((100vw - 1200px) / 2) 0;
+  min-height: 228px;
+  margin: 0 auto;
+  background-color: $trimble-blue;
+  &__text-container {
+    margin: 16px;
+    max-width: 800px;
+    position: relative;
+    top: 16px;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
+    align-self: center;
+  }
+  &__header {
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    color: $concrete-gray-1;
+    font-size: $heading-3-size; // TODO REMOVE THIS WHEN POSSIBLE - CONTAINS LINE HEIGHT DECLARATIONS + OTHERS
+    font-size: $heading-2-size;
+    margin: 0;
+    font-weight: bold;
+  }
+
+  &__text {
+    color: $concrete-gray-1;
+    font-size: $subheading-size;
+    line-height: 32px;
+    padding-top: 12px;
+    margin: 0;
+  }
+
+  &__dropdown-label {
+    margin-bottom: 0;
+    @include benton-medium();
+    font-size: $large-body-font-size;
+    color: $concrete-gray-1;
+  }
+
+  &__dropdown-container {
+    margin: 16px;
+    position: relative;
+    top: 8px;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
+    align-self: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    width: 400px;
+  }
+}
+
+@media screen and (max-width: 1200px) {
+  .mini-feat-dropdown {
+    &__text-container {
+      margin: 32px;
+    }
+    &__dropdown-container {
+      margin: 32px;
+    }
+  }
+}
+
+@media screen and (max-width: 775px) {
+  .mini-feat-dropdown {
+    display: -ms-grid;
+    display: grid;
+    -ms-grid-rows: 1fr 100px;
+    grid-template-rows: 1fr 100px;
+
+    &__dropdown-container {
+      padding-bottom: 48px !important;
+    }
+  }
+}
+
+@media screen and (max-width: 460px) {
+  .mini-feat-dropdown {
+    &__text-container {
+      width: 325px;
+    }
+    &__dropdown-container {
+      width: 300px;
+    }
+  }
+}
+
+@media screen and (max-width: 365px) {
+  .mini-feat-dropdown {
+    &__text-container {
+      width: 255px;
+    }
+    &__dropdown-container {
+      width: 265px;
+    }
+  }
+}

package/dist/luna/components/MobileLogin/MobileLogin.scss

@@ -1,38 +1,38 @@
-@import "../../../global-styles/terra.scss";
-
-.mobile-login {
-  position:relative;
-  display: flex;
-  flex-direction: column;
-
-  &__text {
-    @include benton-medium();
-    font-size: $body-font-size;
-    color: #585C65;
-    margin: 19px 0;
-  }
-
-  &__user {
-    @include benton-bold();
-  }
-  
-  .mobile-logout {
-    &__button{
-      cursor: pointer;
-      font-size: $body-font-size;
-      color: $trimble-blue !important;
-      @include benton-medium();
-      text-decoration: none !important;
-    }
-  }
-  &__button {
-    @media screen and (max-width: $breakpoint-sm) {
-      padding-top: 21px;
-      cursor: pointer;
-      font-size: $body-font-size;
-      color: $trimble-blue !important;
-      @include benton-medium();
-      text-decoration: none !important;
-    }
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.mobile-login {
+  position:relative;
+  display: flex;
+  flex-direction: column;
+
+  &__text {
+    @include benton-medium();
+    font-size: $body-font-size;
+    color: #585C65;
+    margin: 19px 0;
+  }
+
+  &__user {
+    @include benton-bold();
+  }
+  
+  .mobile-logout {
+    &__button{
+      cursor: pointer;
+      font-size: $body-font-size;
+      color: $trimble-blue !important;
+      @include benton-medium();
+      text-decoration: none !important;
+    }
+  }
+  &__button {
+    @media screen and (max-width: $breakpoint-sm) {
+      padding-top: 21px;
+      cursor: pointer;
+      font-size: $body-font-size;
+      color: $trimble-blue !important;
+      @include benton-medium();
+      text-decoration: none !important;
+    }
+  }
+}