luna-one 3.1.594 → 3.1.596

package/dist/global-styles/layout/_reset.scss

@@ -1,13 +1,13 @@
-/**
- * Reset
- */
-
-html {
-  box-sizing: border-box;
-}
-
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
+/**
+ * Reset
+ */
+
+html {
+  box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}

package/dist/global-styles/mixins/_box-shadow.scss

@@ -1,7 +1,7 @@
-/**
- * Box Shadow
- */
-
-@mixin box-shadow($level) {
-	box-shadow: map-get($box-shadows, $level);
+/**
+ * Box Shadow
+ */
+
+@mixin box-shadow($level) {
+	box-shadow: map-get($box-shadows, $level);
 }

package/dist/global-styles/mixins/_mixins.scss

@@ -1,5 +1,5 @@
-// modules
-@import "box-shadow";
-@import "typography";
-@import "yiq";
-@import "z-index";
+// modules
+@import "box-shadow";
+@import "typography";
+@import "yiq";
+@import "z-index";

package/dist/global-styles/mixins/_organism-padding-hack.scss

@@ -1,7 +1,7 @@
-@mixin organism-padding() {
-  padding: spacing("super") calc((100vw - 1200px) / 2);
-
-  @media screen and (max-width: 1272px) {
-    padding: spacing("super") 36px;
-  }
-}
+@mixin organism-padding() {
+  padding: spacing("super") calc((100vw - 1200px) / 2);
+
+  @media screen and (max-width: 1272px) {
+    padding: spacing("super") 36px;
+  }
+}

package/dist/global-styles/mixins/_typography.scss

@@ -1,102 +1,102 @@
-// header type setting
-@mixin header-type-setting() {
-  font-size: 1em;
-  font-family: $header-font-family;
-  line-height: line-height("tight");
-  font-weight: $header-font-weight;
-  color: $header-font-color;
-  display: block;
-  margin: 0 0 0.67em 0;
-}
-
-// general type setting
-@mixin type-setting($font-size: "base", $line-height: "regular") {
-  font-size: font-size($font-size);
-  line-height: line-height($line-height);
-}
-
-// paragraph type setting
-@mixin paragraph-type-setting {
-  @include type-setting("base", "loose");
-  margin: 0 0 1.5em 0;
-}
-
-// sets font-size
-@mixin font-size($size) {
-  @include type-setting($size);
-}
-
-// sets font-size
-$normal-font-family: "Benton Sans for Trimble W05";
-
-$light-font-weight: 100;
-$light-font-family: "Benton Sans for Trimble W05";
-
-$regular-font-weight: 350;
-$regular-font-family: "Benton Sans for Trimble W05";
-
-$medium-font-weight: 400;
-$medium-font-family: "Benton Sans for Trimble W05";
-
-$bold-font-weight: 600;
-
-$very-bold-font-weight: 800;
-$bold-font-family: "Benton Sans for Trimble W05";
-
-$very-bold-font-family: "Benton Sans for Trimble W05";
-
-@mixin font-size($size) {
-  @include type-setting($size);
-}
-
-// NEW BENTING FONT STYLING
-@mixin benton-normal() {
-  font-family: $normal-font-family;
-  font-weight: 400;
-}
-
-@mixin benton-light() {
-  font-family: $light-font-family;
-  font-weight: $light-font-weight;
-}
-
-@mixin benton-regular() {
-  font-family: $regular-font-family;
-  font-weight: $regular-font-weight;
-}
-
-@mixin benton-medium() {
-  font-family: $medium-font-family;
-  font-weight: $medium-font-weight;
-}
-
-@mixin benton-bold() {
-  font-family: $bold-font-family;
-  font-weight: $bold-font-weight;
-}
-
-@mixin benton-very-bold() {
-  font-family: $very-bold-font-family;
-  font-weight: $very-bold-font-weight;
-}
-
-h3,
-h2 {
-  @include benton-very-bold();
-}
-
-strong {
-  @include benton-medium();
-}
-
-.ter-feat__sub-header-container,
-.ter-feat__sub-header,
-.ter-hero__sub-header,
-.ter-hero__sub-header-container {
-  @include benton-light();
-}
-
-.ter-hero__header,
-.ter-feat__header {
-  @include benton-very-bold();
-}
+// header type setting
+@mixin header-type-setting() {
+  font-size: 1em;
+  font-family: $header-font-family;
+  line-height: line-height("tight");
+  font-weight: $header-font-weight;
+  color: $header-font-color;
+  display: block;
+  margin: 0 0 0.67em 0;
+}
+
+// general type setting
+@mixin type-setting($font-size: "base", $line-height: "regular") {
+  font-size: font-size($font-size);
+  line-height: line-height($line-height);
+}
+
+// paragraph type setting
+@mixin paragraph-type-setting {
+  @include type-setting("base", "loose");
+  margin: 0 0 1.5em 0;
+}
+
+// sets font-size
+@mixin font-size($size) {
+  @include type-setting($size);
+}
+
+// sets font-size
+$normal-font-family: "Benton Sans for Trimble W05";
+
+$light-font-weight: 100;
+$light-font-family: "Benton Sans for Trimble W05";
+
+$regular-font-weight: 350;
+$regular-font-family: "Benton Sans for Trimble W05";
+
+$medium-font-weight: 400;
+$medium-font-family: "Benton Sans for Trimble W05";
+
+$bold-font-weight: 600;
+
+$very-bold-font-weight: 800;
+$bold-font-family: "Benton Sans for Trimble W05";
+
+$very-bold-font-family: "Benton Sans for Trimble W05";
+
+@mixin font-size($size) {
+  @include type-setting($size);
+}
+
+// NEW BENTING FONT STYLING
+@mixin benton-normal() {
+  font-family: $normal-font-family;
+  font-weight: 400;
+}
+
+@mixin benton-light() {
+  font-family: $light-font-family;
+  font-weight: $light-font-weight;
+}
+
+@mixin benton-regular() {
+  font-family: $regular-font-family;
+  font-weight: $regular-font-weight;
+}
+
+@mixin benton-medium() {
+  font-family: $medium-font-family;
+  font-weight: $medium-font-weight;
+}
+
+@mixin benton-bold() {
+  font-family: $bold-font-family;
+  font-weight: $bold-font-weight;
+}
+
+@mixin benton-very-bold() {
+  font-family: $very-bold-font-family;
+  font-weight: $very-bold-font-weight;
+}
+
+h3,
+h2 {
+  @include benton-very-bold();
+}
+
+strong {
+  @include benton-medium();
+}
+
+.ter-feat__sub-header-container,
+.ter-feat__sub-header,
+.ter-hero__sub-header,
+.ter-hero__sub-header-container {
+  @include benton-light();
+}
+
+.ter-hero__header,
+.ter-feat__header {
+  @include benton-very-bold();
+}

package/dist/global-styles/mixins/_yiq.scss

@@ -1,50 +1,50 @@
-/// Determines whether a given color is light or dark.
-/// The YIQ color space function gives weights each RGB value according to how sensitive they are to human eyesight.
-/// @param {Color} $color - The color to test
-/// @param {Number} $threshold [$yiq-contrasted-threshold] - The YIQ lightness value that $color should be tested against. Acceptable values are between 0 & 255.
-/// @returns {Boolean}
-@function yiq-is-light(
-  $color,
-  $threshold: $yiq-contrasted-threshold
-) {
-  $red: red($color);
-  $green: green($color);
-  $blue: blue($color);
-
-  $yiq: (($red*299)+($green*587)+($blue*114))/1000;
-
-  @if $yiq-debug { @debug $yiq, $threshold; }
-
-  @return if($yiq >= $threshold, true, false);
-}
-
-/// Returns an appropriate color to ensure proper contrast
-/// @param {Color} $base - The color to be tested
-/// @param {Color} $dark - The color to return if $base is light
-/// @param {Color} $light - The color to return if $base is dark
-/// @param {Number} $threshold [$yiq-contrasted-threshold] - The YIQ lightness value that $base should be tested against. Acceptable values are between 0 & 255.
-/// @returns {Color} - $dark if $base is light, $light is $base if dark
-@function yiq-contrast-color(
-  $base,
-  $dark: $yiq-contrasted-dark-default,
-  $light: $yiq-contrasted-light-default,
-  $threshold: $yiq-contrasted-threshold
-) {
-  @return if(yiq-is-light($base, $threshold), $dark, $light);
-}
-
-/// Sets the specified background color and calculates a dark or light contrasted text color
-/// @param {Color} $base - The color to be tested
-/// @param {Color} $dark - The color to return if $base is light
-/// @param {Color} $light - The color to return if $base is dark
-/// @param {Number} $threshold [$yiq-contrasted-threshold] - The YIQ lightness value that $base should be tested against. Acceptable values are between 0 & 255.
-/// @outputs a background-color/text color combination with proper contrasting
-@mixin yiq-contrasted(
-  $background-color,
-  $dark: $yiq-contrasted-dark-default,
-  $light: $yiq-contrasted-light-default,
-  $threshold: $yiq-contrasted-threshold
-) {
-  background-color: $background-color;
-  color: yiq-contrast-color($background-color, $dark, $light, $threshold);
-}
+/// Determines whether a given color is light or dark.
+/// The YIQ color space function gives weights each RGB value according to how sensitive they are to human eyesight.
+/// @param {Color} $color - The color to test
+/// @param {Number} $threshold [$yiq-contrasted-threshold] - The YIQ lightness value that $color should be tested against. Acceptable values are between 0 & 255.
+/// @returns {Boolean}
+@function yiq-is-light(
+  $color,
+  $threshold: $yiq-contrasted-threshold
+) {
+  $red: red($color);
+  $green: green($color);
+  $blue: blue($color);
+
+  $yiq: (($red*299)+($green*587)+($blue*114))/1000;
+
+  @if $yiq-debug { @debug $yiq, $threshold; }
+
+  @return if($yiq >= $threshold, true, false);
+}
+
+/// Returns an appropriate color to ensure proper contrast
+/// @param {Color} $base - The color to be tested
+/// @param {Color} $dark - The color to return if $base is light
+/// @param {Color} $light - The color to return if $base is dark
+/// @param {Number} $threshold [$yiq-contrasted-threshold] - The YIQ lightness value that $base should be tested against. Acceptable values are between 0 & 255.
+/// @returns {Color} - $dark if $base is light, $light is $base if dark
+@function yiq-contrast-color(
+  $base,
+  $dark: $yiq-contrasted-dark-default,
+  $light: $yiq-contrasted-light-default,
+  $threshold: $yiq-contrasted-threshold
+) {
+  @return if(yiq-is-light($base, $threshold), $dark, $light);
+}
+
+/// Sets the specified background color and calculates a dark or light contrasted text color
+/// @param {Color} $base - The color to be tested
+/// @param {Color} $dark - The color to return if $base is light
+/// @param {Color} $light - The color to return if $base is dark
+/// @param {Number} $threshold [$yiq-contrasted-threshold] - The YIQ lightness value that $base should be tested against. Acceptable values are between 0 & 255.
+/// @outputs a background-color/text color combination with proper contrasting
+@mixin yiq-contrasted(
+  $background-color,
+  $dark: $yiq-contrasted-dark-default,
+  $light: $yiq-contrasted-light-default,
+  $threshold: $yiq-contrasted-threshold
+) {
+  background-color: $background-color;
+  color: yiq-contrast-color($background-color, $dark, $light, $threshold);
+}

package/dist/global-styles/mixins/_z-index.scss

@@ -1,3 +1,3 @@
-@mixin z-index($level) {
-  z-index: $level * 100;
-}
+@mixin z-index($level) {
+  z-index: $level * 100;
+}

package/dist/global-styles/terra.scss

@@ -1,15 +1,15 @@
-// global
-@import "./global-vars.scss";
-@import "~terra-one/dist/global-styles/global-colors.scss";
-@import "~terra-one/dist/global-styles/global-text-sizes.scss";
-@import "~terra-one/dist/global-styles/global-vars.scss";
-
-// mixins
-@import "./mixins/box-shadow";
-@import "./mixins/typography";
-@import "./mixins/yiq";
-@import "./mixins/organism-padding-hack";
-
-// layout
-@import "./layout/media-queries";
-@import "./layout/css-grid";
+// global
+@import "./global-vars.scss";
+@import "~terra-one/dist/global-styles/global-colors.scss";
+@import "~terra-one/dist/global-styles/global-text-sizes.scss";
+@import "~terra-one/dist/global-styles/global-vars.scss";
+
+// mixins
+@import "./mixins/box-shadow";
+@import "./mixins/typography";
+@import "./mixins/yiq";
+@import "./mixins/organism-padding-hack";
+
+// layout
+@import "./layout/media-queries";
+@import "./layout/css-grid";

package/dist/global-styles/utilities/_box-shadow.scss

@@ -1,9 +1,9 @@
-/**
- * Box Shadow
- */
-
-@each $level, $value in $box-shadows {
-    .box-shadow-#{$level} {
-        box-shadow: $value;
-    }
+/**
+ * Box Shadow
+ */
+
+@each $level, $value in $box-shadows {
+    .box-shadow-#{$level} {
+        box-shadow: $value;
+    }
 }

package/dist/global-styles/utilities/_display.scss

@@ -1,49 +1,49 @@
-/**
- * Display
- */
-
-.d-inline { display: inline; }
-.d-inline-block { display: inline-block; }
-.d-block { display: block; }
-.d-flex { display: flex; }
-.d-inline-flex { display: inline-flex; }
-.d-table { display: table; }
-.d-table-cell { display: table-cell; }
-.d-table-row { display: table-row; }
-.d-none { display: none; }
-
-@media only screen and (min-width: $breakpoint-xs) {
-	.d-sm-inline { display: inline; }
-	.d-sm-inline-block { display: inline-block; }
-	.d-sm-block { display: block; }
-	.d-sm-flex { display: flex; }
-	.d-sm-inline-flex { display: inline-flex; }
-	.d-sm-table { display: table; }
-	.d-sm-table-cell { display: table-cell; }
-	.d-sm-table-row { display: table-row; }
-	.d-sm-none { display: none; }
-}
-
-@media only screen and (min-width: $breakpoint-sm) {
-	.d-md-inline { display: inline; }
-	.d-md-inline-block { display: inline-block; }
-	.d-md-block { display: block; }
-	.d-md-flex { display: flex; }
-	.d-md-inline-flex { display: inline-flex; }
-	.d-md-table { display: table; }
-	.d-md-table-cell { display: table-cell; }
-	.d-md-table-row { display: table-row; }
-	.d-md-none { display: none; }
-}
-
-@media only screen and (min-width: $breakpoint-md) {
-	.d-lg-inline { display: inline; }
-	.d-lg-inline-block { display: inline-block; }
-	.d-lg-block { display: block; }
-	.d-lg-flex { display: flex; }
-	.d-lg-inline-flex { display: inline-flex; }
-	.d-lg-table { display: table; }
-	.d-lg-table-cell { display: table-cell; }
-	.d-lg-table-row { display: table-row; }
-	.d-lg-none { display: none; }
+/**
+ * Display
+ */
+
+.d-inline { display: inline; }
+.d-inline-block { display: inline-block; }
+.d-block { display: block; }
+.d-flex { display: flex; }
+.d-inline-flex { display: inline-flex; }
+.d-table { display: table; }
+.d-table-cell { display: table-cell; }
+.d-table-row { display: table-row; }
+.d-none { display: none; }
+
+@media only screen and (min-width: $breakpoint-xs) {
+	.d-sm-inline { display: inline; }
+	.d-sm-inline-block { display: inline-block; }
+	.d-sm-block { display: block; }
+	.d-sm-flex { display: flex; }
+	.d-sm-inline-flex { display: inline-flex; }
+	.d-sm-table { display: table; }
+	.d-sm-table-cell { display: table-cell; }
+	.d-sm-table-row { display: table-row; }
+	.d-sm-none { display: none; }
+}
+
+@media only screen and (min-width: $breakpoint-sm) {
+	.d-md-inline { display: inline; }
+	.d-md-inline-block { display: inline-block; }
+	.d-md-block { display: block; }
+	.d-md-flex { display: flex; }
+	.d-md-inline-flex { display: inline-flex; }
+	.d-md-table { display: table; }
+	.d-md-table-cell { display: table-cell; }
+	.d-md-table-row { display: table-row; }
+	.d-md-none { display: none; }
+}
+
+@media only screen and (min-width: $breakpoint-md) {
+	.d-lg-inline { display: inline; }
+	.d-lg-inline-block { display: inline-block; }
+	.d-lg-block { display: block; }
+	.d-lg-flex { display: flex; }
+	.d-lg-inline-flex { display: inline-flex; }
+	.d-lg-table { display: table; }
+	.d-lg-table-cell { display: table-cell; }
+	.d-lg-table-row { display: table-row; }
+	.d-lg-none { display: none; }
 }

package/dist/global-styles/utilities/_font-family.scss

@@ -1,16 +1,16 @@
-/**
- * Font Family
- */
-
-
-.font-sans-serif {
-	font-family: $font-sans-serif;
-}
-
-.font-serif {
-	font-family: $font-serif;
-}
-
-.font-code {
-	font-family: $font-code;
+/**
+ * Font Family
+ */
+
+
+.font-sans-serif {
+	font-family: $font-sans-serif;
+}
+
+.font-serif {
+	font-family: $font-serif;
+}
+
+.font-code {
+	font-family: $font-code;
 }

package/dist/global-styles/utilities/_parallax.scss

@@ -1,23 +1,23 @@
-.ter-feat-one,
-.ter-feat-two,
-.ter-feat-three,
-.ter-feat-four,
-.ter-feat-five,
-.ter-feat-six,
-.ter-feat-seven,
-.ter-feat-eight,
-.ter-feat9,
-.ter-feat-ten,
-.ter-hero-two,
-.ter-hero-four,
-.ter-hero-five,
-.ter-feat-four-flex {
-  &__background-image {
-    transition: 0.1s;
-    // background-size: contain;
-    // This is potentially bad for parallax performance optmization
-
-    background-repeat: no-repeat;
-  }
-  overflow: hidden;
-}
+.ter-feat-one,
+.ter-feat-two,
+.ter-feat-three,
+.ter-feat-four,
+.ter-feat-five,
+.ter-feat-six,
+.ter-feat-seven,
+.ter-feat-eight,
+.ter-feat9,
+.ter-feat-ten,
+.ter-hero-two,
+.ter-hero-four,
+.ter-hero-five,
+.ter-feat-four-flex {
+  &__background-image {
+    transition: 0.1s;
+    // background-size: contain;
+    // This is potentially bad for parallax performance optmization
+
+    background-repeat: no-repeat;
+  }
+  overflow: hidden;
+}

package/dist/global-styles/utilities/_text-align.scss

@@ -1,25 +1,25 @@
-/**
- * Text Align
- */
-
-.text-left { text-align: left; }
-.text-right { text-align: right; }
-.text-center { text-align: center; }
-
-@media only screen and (min-width: $breakpoint-xs) {
-	.text-sm-left { text-align: left; }
-	.text-sm-right { text-align: right; }
-	.text-sm-center { text-align: center; }
-}
-
-@media only screen and (min-width: $breakpoint-sm) {
-	.text-md-left { text-align: left; }
-	.text-md-right { text-align: right; }
-	.text-md-center { text-align: center; }
-}
-
-@media only screen and (min-width: $breakpoint-md) {
-	.text-lg-left { text-align: left; }
-	.text-lg-right { text-align: right; }
-	.text-lg-center { text-align: center; }
+/**
+ * Text Align
+ */
+
+.text-left { text-align: left; }
+.text-right { text-align: right; }
+.text-center { text-align: center; }
+
+@media only screen and (min-width: $breakpoint-xs) {
+	.text-sm-left { text-align: left; }
+	.text-sm-right { text-align: right; }
+	.text-sm-center { text-align: center; }
+}
+
+@media only screen and (min-width: $breakpoint-sm) {
+	.text-md-left { text-align: left; }
+	.text-md-right { text-align: right; }
+	.text-md-center { text-align: center; }
+}
+
+@media only screen and (min-width: $breakpoint-md) {
+	.text-lg-left { text-align: left; }
+	.text-lg-right { text-align: right; }
+	.text-lg-center { text-align: center; }
 }