luna-one 3.1.592 → 3.1.593

package/dist/luna/components/Video/Video.scss

@@ -1,210 +1,210 @@
-@import "../../../global-styles/terra.scss";
-
-.videoContainer {
-  width: 100%;
-  &--deployed {
-    z-index: 20;
-  }
-    #video-modal:focus-within {
-      outline: none;
-    }
-
-  .luna-super-hero {
-
-    &__thumbnail {
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-      margin: auto;
-      -webkit-transition: 0.2s;
-      -o-transition: 0.2s;
-      transition: 0.2s;
-  
-      &--is-hovering {
-        -webkit-transform: scale(1.03);
-        transform: scale(1.03);
-        cursor: pointer;
-      }
-  
-      @media screen and (max-width: $breakpoint-sm) {
-        padding: 0;
-      }
-  
-      &-container {
-        -webkit-box-flex: 7;
-        flex: 7;
-        position: relative;
-        width: 100%;
-        height: 100%;
-        @media screen and (max-width: $breakpoint-sm) {
-          max-width: 100vw;
-        }
-      }
-    }
-  
-    &__play-btn {
-      height: 72px;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      margin: auto;
-    }
-  
-    &__play-btn:hover {
-      -webkit-transform: scale(1.2);
-      transform: scale(1.2);
-      cursor: pointer;
-    }
-  
-    &__video-wrapper {
-      position: relative;
-      bottom: 55px;
-      -webkit-transition: 0.3s;
-      -o-transition: 0.3s;
-      transistion: 0.3s;
-      -webkit-transform: translateY(50px);
-      transform: translateY(50px);
-  
-      &--default {
-        padding-bottom: 56.25%;
-        padding-top: 25px;
-        height: 0;
-      }
-  
-      &--is-deployed {
-        -webkit-transform: translateY(0);
-        transform: translateY(0);
-      }
-  
-      iframe {
-        position: absolute;
-        top: -55px;
-        bottom: 0px;
-        left: 0;
-        right: 0;
-        max-width: 50%;
-        max-height: 50%;
-        margin: 100px auto 0;
-  
-        @media screen and (max-width: $breakpoint-lg) {
-          max-width: 1200px;
-          max-height: 675px;
-        }
-      }
-    }
-  
-    &__video-close-wrapper {
-      cursor: pointer;
-      height: 100px;
-      display: flex;
-      justify-content: flex-end;
-    }
-  
-    &__close-button {
-      margin: 20px 50px 12px 50px;
-  
-      @media screen and (max-width: 1300px) {
-        margin: 20px 40px 0px 0px;
-      }
-    }
-  
-    &__modal {
-      overflow: scroll;
-      position: fixed;
-      background: rgba(0, 0, 0, 0.7);
-      z-index: 100;
-      top: 0;
-      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;
-  
-      &--is-deployed {
-        opacity: 1;
-        visibility: visible;
-      }
-    }
-  }
-  
-  .luna-super-hero__modal::-webkit-scrollbar {
-    display: none;
-  }
-
-  .luna-super-hero__transcript-title {
-    position: fixed;
-    padding: 0 8px 8px;
-    background-color: rgba(0, 0, 0, 0.7);
-    z-index: 100;
-    cursor: pointer;
-    color: $white;
-    padding: 4px 15px;
-  }
-
-  .luna-super-hero__transcript-body {
-    position: relative;
-    top: 40px;
-    padding: 10px 15px;
-    min-height: 300px;
-    background-color: rgba(0, 0, 0, 0.7);
-    color: $white;
-  }
-
-  .luna-super-hero__transcript-wrapper {
-    position: relative;
-    top: calc(100vw / 3.3);
-    max-width: 1200px;
-    margin: 0 auto;
-    scrollbar-width: none;
-
-    &--true {
-      top: calc(100vw / -5) !important;
-
-      @media screen and (max-width: $breakpoint-lg) and (min-height: $breakpoint-lg) {
-        top: 0px !important;
-      }
-
-      @media screen and (min-height: $breakpoint-md) and (min-width: $breakpoint-md) and (max-width: $breakpoint-lg) {
-        top: -10px !important;
-      }
-
-      @media screen and (max-width: $breakpoint-lg) and (max-height: $breakpoint-md) {
-        margin-top: 100px;
-      }
-
-      @media screen and (max-width: 1600px) and (max-height: $breakpoint-md) {
-        margin-top: 200px;
-      }
-
-      @media screen and (max-width: $breakpoint-md) and (max-height: $breakpoint-md) {
-        max-height: 200px !important;
-      }
-    }
-
-    @media screen and (max-height: $breakpoint-sm) and (min-width: $breakpoint-sm) {
-      max-height: 200px;
-    }
-
-    @media screen and (max-width: $breakpoint-lg) {
-      top: 710px;
-    }
-
-    @media screen and (max-width: $breakpoint-sm) {
-      top: calc(100vw / 1.5);
-    }
-  }
-
-  .luna-super-hero__transcript-wrapper::-webkit-scrollbar {
-    display: none;
-  }
-
+@import "../../../global-styles/terra.scss";
+
+.videoContainer {
+  width: 100%;
+  &--deployed {
+    z-index: 20;
+  }
+    #video-modal:focus-within {
+      outline: none;
+    }
+
+  .luna-super-hero {
+
+    &__thumbnail {
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      margin: auto;
+      -webkit-transition: 0.2s;
+      -o-transition: 0.2s;
+      transition: 0.2s;
+  
+      &--is-hovering {
+        -webkit-transform: scale(1.03);
+        transform: scale(1.03);
+        cursor: pointer;
+      }
+  
+      @media screen and (max-width: $breakpoint-sm) {
+        padding: 0;
+      }
+  
+      &-container {
+        -webkit-box-flex: 7;
+        flex: 7;
+        position: relative;
+        width: 100%;
+        height: 100%;
+        @media screen and (max-width: $breakpoint-sm) {
+          max-width: 100vw;
+        }
+      }
+    }
+  
+    &__play-btn {
+      height: 72px;
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      margin: auto;
+    }
+  
+    &__play-btn:hover {
+      -webkit-transform: scale(1.2);
+      transform: scale(1.2);
+      cursor: pointer;
+    }
+  
+    &__video-wrapper {
+      position: relative;
+      bottom: 55px;
+      -webkit-transition: 0.3s;
+      -o-transition: 0.3s;
+      transistion: 0.3s;
+      -webkit-transform: translateY(50px);
+      transform: translateY(50px);
+  
+      &--default {
+        padding-bottom: 56.25%;
+        padding-top: 25px;
+        height: 0;
+      }
+  
+      &--is-deployed {
+        -webkit-transform: translateY(0);
+        transform: translateY(0);
+      }
+  
+      iframe {
+        position: absolute;
+        top: -55px;
+        bottom: 0px;
+        left: 0;
+        right: 0;
+        max-width: 50%;
+        max-height: 50%;
+        margin: 100px auto 0;
+  
+        @media screen and (max-width: $breakpoint-lg) {
+          max-width: 1200px;
+          max-height: 675px;
+        }
+      }
+    }
+  
+    &__video-close-wrapper {
+      cursor: pointer;
+      height: 100px;
+      display: flex;
+      justify-content: flex-end;
+    }
+  
+    &__close-button {
+      margin: 20px 50px 12px 50px;
+  
+      @media screen and (max-width: 1300px) {
+        margin: 20px 40px 0px 0px;
+      }
+    }
+  
+    &__modal {
+      overflow: scroll;
+      position: fixed;
+      background: rgba(0, 0, 0, 0.7);
+      z-index: 100;
+      top: 0;
+      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;
+  
+      &--is-deployed {
+        opacity: 1;
+        visibility: visible;
+      }
+    }
+  }
+  
+  .luna-super-hero__modal::-webkit-scrollbar {
+    display: none;
+  }
+
+  .luna-super-hero__transcript-title {
+    position: fixed;
+    padding: 0 8px 8px;
+    background-color: rgba(0, 0, 0, 0.7);
+    z-index: 100;
+    cursor: pointer;
+    color: $white;
+    padding: 4px 15px;
+  }
+
+  .luna-super-hero__transcript-body {
+    position: relative;
+    top: 40px;
+    padding: 10px 15px;
+    min-height: 300px;
+    background-color: rgba(0, 0, 0, 0.7);
+    color: $white;
+  }
+
+  .luna-super-hero__transcript-wrapper {
+    position: relative;
+    top: calc(100vw / 3.3);
+    max-width: 1200px;
+    margin: 0 auto;
+    scrollbar-width: none;
+
+    &--true {
+      top: calc(100vw / -5) !important;
+
+      @media screen and (max-width: $breakpoint-lg) and (min-height: $breakpoint-lg) {
+        top: 0px !important;
+      }
+
+      @media screen and (min-height: $breakpoint-md) and (min-width: $breakpoint-md) and (max-width: $breakpoint-lg) {
+        top: -10px !important;
+      }
+
+      @media screen and (max-width: $breakpoint-lg) and (max-height: $breakpoint-md) {
+        margin-top: 100px;
+      }
+
+      @media screen and (max-width: 1600px) and (max-height: $breakpoint-md) {
+        margin-top: 200px;
+      }
+
+      @media screen and (max-width: $breakpoint-md) and (max-height: $breakpoint-md) {
+        max-height: 200px !important;
+      }
+    }
+
+    @media screen and (max-height: $breakpoint-sm) and (min-width: $breakpoint-sm) {
+      max-height: 200px;
+    }
+
+    @media screen and (max-width: $breakpoint-lg) {
+      top: 710px;
+    }
+
+    @media screen and (max-width: $breakpoint-sm) {
+      top: calc(100vw / 1.5);
+    }
+  }
+
+  .luna-super-hero__transcript-wrapper::-webkit-scrollbar {
+    display: none;
+  }
+
 }

package/dist/luna/components/VidyardModal/VidyardModal.scss

@@ -1,34 +1,34 @@
-@import "../../../global-styles/terra.scss";
-
-.luna-vidyard-modal {
-  display: flex;
-  align-items: center;
-
-  .vidyard-player-embed {
-
-    visibility: hidden;
-  }
-
-  .vidyard-player-container {
-
-    animation: fadein 2000 linear;
-    animation-delay: 1000;
-
-    iframe {
-      @media screen and (max-width: $breakpoint-lg) {
-      margin: 0 auto !important;
-
-      }
-    }
-  }
-}
-
-@keyframes fadein {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.luna-vidyard-modal {
+  display: flex;
+  align-items: center;
+
+  .vidyard-player-embed {
+
+    visibility: hidden;
+  }
+
+  .vidyard-player-container {
+
+    animation: fadein 2000 linear;
+    animation-delay: 1000;
+
+    iframe {
+      @media screen and (max-width: $breakpoint-lg) {
+      margin: 0 auto !important;
+
+      }
+    }
+  }
+}
+
+@keyframes fadein {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}

package/dist/luna/components/WaffleMenu/WaffleMenu.scss

@@ -1,74 +1,74 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-navbar-top__pipe + .luna-waffle-menu {
-    margin-left: 28px;
-}
-
-.luna-waffle-menu {
-    position: relative;
-    @media screen and (max-width: $breakpoint-sm) {
-        display: none;
-    }    
-    &__selector {
-        &__button {
-            cursor: pointer;
-            padding: 10px 4px 4px 4px;
-            border-bottom: 3px solid transparent;
-            &--active, &:hover {
-                border-bottom: 3px solid $trimble-gold;
-            }
-        }
-    } 
-    &__drop-down {
-        display: none;
-        position: absolute;
-        background: $white;
-        box-shadow: 0 4px 8px 0 rgba(54,53,69,.1),0 4px 8px 0 rgba(54,53,69,.1);
-        border-radius: 0px 0px 3px 3px;
-        width: 360px;
-        left: calc(50% - 180px);
-        &--active {
-            display: block;
-        }
-        &__options {
-            list-style: none;
-            padding: 0;
-            margin: 0;
-        }
-        &__menu-item {
-            padding: 20px;
-            margin: 0;
-            border-bottom: 1px solid #F1F2F7;
-            &__product-name {
-                font-size: 20px;
-                line-height: 26px;
-                margin: 0;
-            }
-            &__description {
-                font-size: 12px;
-                line-height: 18px;
-            }
-            &__cta {
-                &__link {
-                    font-size: 14px !important;
-                    line-height: 24px !important;
-                    font-weight: 500 !important;
-                    color: #252A2E !important;
-                    margin: 0 !important;
-                    text-decoration: none;
-                    border-bottom: 3px solid $trimble-gold;
-                }
-            }
-        }
-        &__footer {
-            background-color: #F8F8FB;
-            padding: 20px;
-            font-size: 14px;
-            line-height: 14px;
-            &__link {
-                margin: 0 !important;
-                text-decoration: none;
-            }
-        }
-    }
+@import "../../../global-styles/terra.scss";
+
+.ter-navbar-top__pipe + .luna-waffle-menu {
+    margin-left: 28px;
+}
+
+.luna-waffle-menu {
+    position: relative;
+    @media screen and (max-width: $breakpoint-sm) {
+        display: none;
+    }    
+    &__selector {
+        &__button {
+            cursor: pointer;
+            padding: 10px 4px 4px 4px;
+            border-bottom: 3px solid transparent;
+            &--active, &:hover {
+                border-bottom: 3px solid $trimble-gold;
+            }
+        }
+    } 
+    &__drop-down {
+        display: none;
+        position: absolute;
+        background: $white;
+        box-shadow: 0 4px 8px 0 rgba(54,53,69,.1),0 4px 8px 0 rgba(54,53,69,.1);
+        border-radius: 0px 0px 3px 3px;
+        width: 360px;
+        left: calc(50% - 180px);
+        &--active {
+            display: block;
+        }
+        &__options {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        &__menu-item {
+            padding: 20px;
+            margin: 0;
+            border-bottom: 1px solid #F1F2F7;
+            &__product-name {
+                font-size: 20px;
+                line-height: 26px;
+                margin: 0;
+            }
+            &__description {
+                font-size: 12px;
+                line-height: 18px;
+            }
+            &__cta {
+                &__link {
+                    font-size: 14px !important;
+                    line-height: 24px !important;
+                    font-weight: 500 !important;
+                    color: #252A2E !important;
+                    margin: 0 !important;
+                    text-decoration: none;
+                    border-bottom: 3px solid $trimble-gold;
+                }
+            }
+        }
+        &__footer {
+            background-color: #F8F8FB;
+            padding: 20px;
+            font-size: 14px;
+            line-height: 14px;
+            &__link {
+                margin: 0 !important;
+                text-decoration: none;
+            }
+        }
+    }
 }