luna-one 3.1.591 → 3.1.592

package/dist/luna/components/DataPoint/DataPoint.scss

@@ -1,170 +1,170 @@
-@import "../../../global-styles/terra.scss";
-
-
-/* similar styling between variants */
-
-.data-point {
-  &__header, &__description {
-    font-size: $body-font-size;
-    line-height: 22px;
-    letter-spacing: 0.16px;
-    margin: 0;
-    padding: 0;
-  }
-
-  &__header {
-    @include benton-bold();
-  }
-
-  &__description {
-    @include benton-light();
-  }
-
-  &__icon {
-    width: 47.61px !important;
-    height: 43.8px !important;
-    margin-bottom: 16px;
-    display: inline-block;
-
-    @media screen and (max-width: $breakpoint-md) {
-      width: 75.61px !important;
-    }
-
-    @media screen and (max-width: $breakpoint-xs) {
-      width: 47.61px !important;
-    }
-  }
-}
-  
-
-/* variant 1 styling */
-
-.data-point--variant_1 {
-  width: 560px;
-  padding: 50px 40px 103px 40px;
-  display: flex;
-  flex-direction: row;
-
-  @media screen and (max-width: $breakpoint-md) {
-    width: 421px;
-    flex-direction: column;
-    padding: 50px 60px;
-  }
-
-  @media screen and (max-width: $breakpoint-xs) {
-    max-width: 300px;
-    height: fit-content !important;
-    padding: 40px 40px 60px 40px;
-    align-items: center;
-  }
-
-  &__item {
-    min-width: 128px;
-    max-width: 100%;
-
-    @media screen and (max-width: $breakpoint-md) {
-      display: flex;
-      width: 295px;
-
-    }
-
-    @media screen and (max-width: $breakpoint-xs) {
-      display: flex;
-      flex-direction: column;
-    }
-
-    @media screen and (max-width: $breakpoint-xxs) {
-      
-      max-width: 201px;
-    }
-
-    &--1, &--2 {
-      margin-left: 48px;
-      @media screen and (max-width: $breakpoint-md){
-        margin-left: 0;
-        margin-top: 32px;
-      }
-      @media screen and (max-width: $breakpoint-xxs) {
-        margin-top: 24px;
-      }
-    }
-  }
-
-  &__text-wrapper {
-    @media screen and (max-width: $breakpoint-md) {
-      margin-left: 16px;
-    }
-    @media screen and (max-width: $breakpoint-xs) {
-      margin-left: 0;
-    }
-  }
-
-  &__header {
-    @media screen and (max-width: $breakpoint-sm) {
-      display: block !important;
-    }
-  }
-
-  .ter-icon {
-    @media screen and (max-width: $breakpoint-xxs) {
-      margin-bottom: 8px !important; 
-    }
-  }
-
-  
-}
-
-
-/* variant 2 styling*/
-
-.data-point--variant_2a, .data-point--variant_2b {
-  display: flex;
-  flex-direction: column;
-  width: 320px;
-  padding: 65px 40px;
-
-  @media screen and (max-width: $breakpoint-xxs) {
-    width: 275px;
-    padding: 65px 23px;
-  }
-
-  &__text-wrapper {
-    @media screen and (max-width: $breakpoint-xxs) {
-      width: 230px;
-    }
-  }
-
-  &__item {
-    @media screen and (max-width: $breakpoint-xxs) {
-      padding: 0 !important;
-      width: 230px;
-      text-align: center;
-    }
-  }
-  
-  &__item {
-    &--1, &--2 {
-      margin-top: 48px;
-    }
-  }
-}
-
-.data-point--variant_2b {
-  &__item {
-    text-align: center;
-  }
-}
-
-/* variant 3 styling*/
-
-.data-point--variant_3 {
-  max-width: 320px;
-  min-width: 240px;
-  &__item {
-    width: 239px;
-    margin: 0 auto;
-    padding: 40px;
-    text-align: center;
-  }
-}
-
+@import "../../../global-styles/terra.scss";
+
+
+/* similar styling between variants */
+
+.data-point {
+  &__header, &__description {
+    font-size: $body-font-size;
+    line-height: 22px;
+    letter-spacing: 0.16px;
+    margin: 0;
+    padding: 0;
+  }
+
+  &__header {
+    @include benton-bold();
+  }
+
+  &__description {
+    @include benton-light();
+  }
+
+  &__icon {
+    width: 47.61px !important;
+    height: 43.8px !important;
+    margin-bottom: 16px;
+    display: inline-block;
+
+    @media screen and (max-width: $breakpoint-md) {
+      width: 75.61px !important;
+    }
+
+    @media screen and (max-width: $breakpoint-xs) {
+      width: 47.61px !important;
+    }
+  }
+}
+  
+
+/* variant 1 styling */
+
+.data-point--variant_1 {
+  width: 560px;
+  padding: 50px 40px 103px 40px;
+  display: flex;
+  flex-direction: row;
+
+  @media screen and (max-width: $breakpoint-md) {
+    width: 421px;
+    flex-direction: column;
+    padding: 50px 60px;
+  }
+
+  @media screen and (max-width: $breakpoint-xs) {
+    max-width: 300px;
+    height: fit-content !important;
+    padding: 40px 40px 60px 40px;
+    align-items: center;
+  }
+
+  &__item {
+    min-width: 128px;
+    max-width: 100%;
+
+    @media screen and (max-width: $breakpoint-md) {
+      display: flex;
+      width: 295px;
+
+    }
+
+    @media screen and (max-width: $breakpoint-xs) {
+      display: flex;
+      flex-direction: column;
+    }
+
+    @media screen and (max-width: $breakpoint-xxs) {
+      
+      max-width: 201px;
+    }
+
+    &--1, &--2 {
+      margin-left: 48px;
+      @media screen and (max-width: $breakpoint-md){
+        margin-left: 0;
+        margin-top: 32px;
+      }
+      @media screen and (max-width: $breakpoint-xxs) {
+        margin-top: 24px;
+      }
+    }
+  }
+
+  &__text-wrapper {
+    @media screen and (max-width: $breakpoint-md) {
+      margin-left: 16px;
+    }
+    @media screen and (max-width: $breakpoint-xs) {
+      margin-left: 0;
+    }
+  }
+
+  &__header {
+    @media screen and (max-width: $breakpoint-sm) {
+      display: block !important;
+    }
+  }
+
+  .ter-icon {
+    @media screen and (max-width: $breakpoint-xxs) {
+      margin-bottom: 8px !important; 
+    }
+  }
+
+  
+}
+
+
+/* variant 2 styling*/
+
+.data-point--variant_2a, .data-point--variant_2b {
+  display: flex;
+  flex-direction: column;
+  width: 320px;
+  padding: 65px 40px;
+
+  @media screen and (max-width: $breakpoint-xxs) {
+    width: 275px;
+    padding: 65px 23px;
+  }
+
+  &__text-wrapper {
+    @media screen and (max-width: $breakpoint-xxs) {
+      width: 230px;
+    }
+  }
+
+  &__item {
+    @media screen and (max-width: $breakpoint-xxs) {
+      padding: 0 !important;
+      width: 230px;
+      text-align: center;
+    }
+  }
+  
+  &__item {
+    &--1, &--2 {
+      margin-top: 48px;
+    }
+  }
+}
+
+.data-point--variant_2b {
+  &__item {
+    text-align: center;
+  }
+}
+
+/* variant 3 styling*/
+
+.data-point--variant_3 {
+  max-width: 320px;
+  min-width: 240px;
+  &__item {
+    width: 239px;
+    margin: 0 auto;
+    padding: 40px;
+    text-align: center;
+  }
+}
+

package/dist/luna/components/EventCard/EventCard.scss

@@ -1,134 +1,134 @@
-@import "../../../global-styles/terra.scss";
-
-$event-card-border: 1px solid color("gray-4");
-
-.mep-event-card {
-  min-height: 135px;
-  border-top: $event-card-border;
-  border-bottom: $event-card-border;
-  margin-top: 40px;
-
-  display: -ms-grid;
-
-  display: grid;
-  -ms-grid-columns: 140px 115px 1fr 40px;
-  grid-template-columns: 140px 115px 1fr 40px;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-
-  @media screen and (max-width: 900px) {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    max-width: 256px;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    margin: 40px auto;
-  }
-
-  &__date-section {
-    height: calc(100% - 35px);
-    border-right: $event-card-border;
-
-    @media screen and (max-width: 900px) {
-      height: 95px;
-      margin-top: 20px;
-    }
-  }
-
-  &__focus:focus {
-    outline: 2px solid $sky-blue !important;
-  }
-
-  &__date,
-  &__year {
-    font-size: $eyebrow-font-size;
-    line-height: 14px;
-    margin: 0 20px;
-    text-align: end;
-
-    @media screen and (max-width: 900px) {
-      padding-right: $large-body-font-size;
-      margin: 0;
-    }
-  }
-
-  &__date {
-    margin-bottom: 10px;
-    @include benton-medium();
-  }
-
-  &__image {
-    width: 95px;
-    height: 95px;
-    margin-left: 20px;
-    display: block;
-
-    @media screen and (max-width: 900px) {
-      height: 95px;
-      margin-top: 20px;
-    }
-  }
-
-  &__details {
-    margin: 0 20px;
-    margin: 17px 20px;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-
-  &__industry {
-    font-size: $eyebrow-font-size;
-    line-height: 14px;
-    margin-bottom: 8px;
-    color: #9d9da6;
-  }
-
-  &__name {
-    font-size: $large-body-font-size;
-    line-height: 20px;
-    @include benton-medium();
-  }
-
-  &__description {
-    font-size: $large-body-font-size;
-    line-height: 19px;
-    color: #363545;
-    font-weight: 300;
-  }
-
-  &__location {
-    font-size: $large-body-font-size;
-    line-height: 19px;
-    margin-bottom: 0;
-  }
-
-  .ter-icon {
-    -webkit-transition: 0.3;
-    -o-transition: 0.3;
-    transition: 0.3;
-
-    &:hover {
-      -webkit-transform: scale(1.2);
-      -ms-transform: scale(1.2);
-      transform: scale(1.2);
-    }
-    @media screen and (max-width: 900px) {
-      margin-bottom: 24px;
-      -webkit-transform: translateX(100px);
-      -ms-transform: translateX(100px);
-      transform: translateX(100px);
-
-      &:hover {
-        -webkit-transform: scale(1) translateX(100px);
-        -ms-transform: scale(1) translateX(100px);
-        transform: scale(1) translateX(100px);
-      }
-    }
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+$event-card-border: 1px solid color("gray-4");
+
+.mep-event-card {
+  min-height: 135px;
+  border-top: $event-card-border;
+  border-bottom: $event-card-border;
+  margin-top: 40px;
+
+  display: -ms-grid;
+
+  display: grid;
+  -ms-grid-columns: 140px 115px 1fr 40px;
+  grid-template-columns: 140px 115px 1fr 40px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+
+  @media screen and (max-width: 900px) {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    max-width: 256px;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin: 40px auto;
+  }
+
+  &__date-section {
+    height: calc(100% - 35px);
+    border-right: $event-card-border;
+
+    @media screen and (max-width: 900px) {
+      height: 95px;
+      margin-top: 20px;
+    }
+  }
+
+  &__focus:focus {
+    outline: 2px solid $sky-blue !important;
+  }
+
+  &__date,
+  &__year {
+    font-size: $eyebrow-font-size;
+    line-height: 14px;
+    margin: 0 20px;
+    text-align: end;
+
+    @media screen and (max-width: 900px) {
+      padding-right: $large-body-font-size;
+      margin: 0;
+    }
+  }
+
+  &__date {
+    margin-bottom: 10px;
+    @include benton-medium();
+  }
+
+  &__image {
+    width: 95px;
+    height: 95px;
+    margin-left: 20px;
+    display: block;
+
+    @media screen and (max-width: 900px) {
+      height: 95px;
+      margin-top: 20px;
+    }
+  }
+
+  &__details {
+    margin: 0 20px;
+    margin: 17px 20px;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+
+  &__industry {
+    font-size: $eyebrow-font-size;
+    line-height: 14px;
+    margin-bottom: 8px;
+    color: #9d9da6;
+  }
+
+  &__name {
+    font-size: $large-body-font-size;
+    line-height: 20px;
+    @include benton-medium();
+  }
+
+  &__description {
+    font-size: $large-body-font-size;
+    line-height: 19px;
+    color: #363545;
+    font-weight: 300;
+  }
+
+  &__location {
+    font-size: $large-body-font-size;
+    line-height: 19px;
+    margin-bottom: 0;
+  }
+
+  .ter-icon {
+    -webkit-transition: 0.3;
+    -o-transition: 0.3;
+    transition: 0.3;
+
+    &:hover {
+      -webkit-transform: scale(1.2);
+      -ms-transform: scale(1.2);
+      transform: scale(1.2);
+    }
+    @media screen and (max-width: 900px) {
+      margin-bottom: 24px;
+      -webkit-transform: translateX(100px);
+      -ms-transform: translateX(100px);
+      transform: translateX(100px);
+
+      &:hover {
+        -webkit-transform: scale(1) translateX(100px);
+        -ms-transform: scale(1) translateX(100px);
+        transform: scale(1) translateX(100px);
+      }
+    }
+  }
+}