luna-one 3.1.589 → 3.1.590

package/dist/luna/components/SupportCard/SupportCard.scss

@@ -1,135 +1,135 @@
-@import "../../../global-styles/terra.scss";
-
-.luna-support-card {
-  &__header-section {
-    background: $trimble-blue;
-    padding: 24px 32px;
-  }
-
-  &__header,
-  &__sub-header {
-    color: $concrete-gray;
-    padding: 0;
-    margin: 0;
-  }
-
-  &__header {
-    font-size: $card-title-size;
-    line-height: 28px;
-    font-weight: 800;
-  }
-
-  &__sub-header {
-    padding-top: 6px;
-    font-size: $eyebrow-font-size;
-    line-height: 14px;
-    font-weight: 400;
-  }
-
-  &__content-section {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: justify;
-        -ms-flex-pack: justify;
-            justify-content: space-between;
-    min-height: 404px;
-
-    @media screen and (max-width: 900px) {
-      display: block;
-      min-height: auto;
-    }
-
-    background: $concrete-gray;
-  }
-
-  &__content-column {
-    &--empty {
-      @media screen and (max-width: 900px) {
-        display: none;
-        background: purple; // TODO - REPLACE WITH SUITABLE COLOR IF THIS COMPONENT IS USED
-      }
-    }
-
-    margin: 32px 0;
-    padding: 0px 32px;
-    -webkit-box-flex: 1;
-        -ms-flex: 1;
-            flex: 1;
-
-    @media screen and (max-width: 900px) {
-      margin: 0 32px;
-      padding: 32px 0;
-    }
-
-    &:nth-child(2),
-    &:nth-child(3) {
-      border-left: 1px solid color(gray-4);
-      @media screen and (max-width: 900px) {
-        border-left: 0;
-        border-top: 1px solid color(gray-4);
-      }
-    }
-
-    &:last-child {
-      border-right: none;
-
-      @media screen and (max-width: 900px) {
-        border-bottom: none;
-        margin-bottom: 0 !important;
-      }
-    }
-    p, li, ol, ul {
-      font-size: $large-body-font-size;
-      line-height: 19px;
-      margin: 0;
-      padding-bottom: 13px;
-
-      &:last-child {
-        padding-bottom: 0;
-      }
-    }
-
-    p {
-      padding-top: 10px;
-    }
-
-    li {
-      position: relative;
-      right: 12px;
-      padding-bottom: 5px;
-    }
-
-
-    a {
-      background: $trimble-blue;
-      color: $concrete-gray;
-      text-decoration: none;
-      font-size: $large-body-font-size;
-      line-height: calc(48px - (2px));
-      font-weight: 500;
-      min-width: 144px;
-      height: 48px;
-      display: block;
-      text-align: center;
-      margin-bottom: 28px;
-      margin-top: 7px;
-      -webkit-transition: 0.1s;
-      -o-transition: 0.1s;
-      transition: 0.1s;
-
-      &:hover {
-        background: $dark-navy;
-        color: $white;
-      }
-
-      &:after {
-        color: $white !important;
-      }
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
+@import "../../../global-styles/terra.scss";
+
+.luna-support-card {
+  &__header-section {
+    background: $trimble-blue;
+    padding: 24px 32px;
+  }
+
+  &__header,
+  &__sub-header {
+    color: $concrete-gray;
+    padding: 0;
+    margin: 0;
+  }
+
+  &__header {
+    font-size: $card-title-size;
+    line-height: 28px;
+    font-weight: 800;
+  }
+
+  &__sub-header {
+    padding-top: 6px;
+    font-size: $eyebrow-font-size;
+    line-height: 14px;
+    font-weight: 400;
+  }
+
+  &__content-section {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+    min-height: 404px;
+
+    @media screen and (max-width: 900px) {
+      display: block;
+      min-height: auto;
+    }
+
+    background: $concrete-gray;
+  }
+
+  &__content-column {
+    &--empty {
+      @media screen and (max-width: 900px) {
+        display: none;
+        background: purple; // TODO - REPLACE WITH SUITABLE COLOR IF THIS COMPONENT IS USED
+      }
+    }
+
+    margin: 32px 0;
+    padding: 0px 32px;
+    -webkit-box-flex: 1;
+        -ms-flex: 1;
+            flex: 1;
+
+    @media screen and (max-width: 900px) {
+      margin: 0 32px;
+      padding: 32px 0;
+    }
+
+    &:nth-child(2),
+    &:nth-child(3) {
+      border-left: 1px solid color(gray-4);
+      @media screen and (max-width: 900px) {
+        border-left: 0;
+        border-top: 1px solid color(gray-4);
+      }
+    }
+
+    &:last-child {
+      border-right: none;
+
+      @media screen and (max-width: 900px) {
+        border-bottom: none;
+        margin-bottom: 0 !important;
+      }
+    }
+    p, li, ol, ul {
+      font-size: $large-body-font-size;
+      line-height: 19px;
+      margin: 0;
+      padding-bottom: 13px;
+
+      &:last-child {
+        padding-bottom: 0;
+      }
+    }
+
+    p {
+      padding-top: 10px;
+    }
+
+    li {
+      position: relative;
+      right: 12px;
+      padding-bottom: 5px;
+    }
+
+
+    a {
+      background: $trimble-blue;
+      color: $concrete-gray;
+      text-decoration: none;
+      font-size: $large-body-font-size;
+      line-height: calc(48px - (2px));
+      font-weight: 500;
+      min-width: 144px;
+      height: 48px;
+      display: block;
+      text-align: center;
+      margin-bottom: 28px;
+      margin-top: 7px;
+      -webkit-transition: 0.1s;
+      -o-transition: 0.1s;
+      transition: 0.1s;
+
+      &:hover {
+        background: $dark-navy;
+        color: $white;
+      }
+
+      &:after {
+        color: $white !important;
+      }
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
 }