@epam/assets 6.3.1 → 6.3.2

package/scss/loveship/fonts.scss

@@ -1,23 +1,23 @@
-$font-source-sans: 'Source Sans Pro', sans-serif;
-$font-roboto-condensed: 'Roboto Condensed', Arial, sans-serif;
-$font-redacted: 'Redacted', Arial, sans-serif;
-/**
- * @deprecated Please use "$font-source-sans" us "font-weight: 300" instead "$font-sans-light"!
- */
-$font-sans-light: 'Sans Light', Arial, sans-serif;
-/**
- * @deprecated Please use "$font-source-sans" us "font-weight: 400" instead "$font-sans"!
- */
-$font-sans: 'Sans Regular', Arial, sans-serif;
-/**
- * @deprecated Please use "$font-source-sans" us "font-weight: 600" instead "$font-sans-semibold"!
- */
-$font-sans-semibold: 'Sans Semibold', Arial, sans-serif;
-/**
- * @deprecated Please use "$font-source-sans" us "font-weight: 700" instead "$font-sans-bold"!
- */
-$font-sans-bold: 'Sans Bold', Arial, sans-serif;
-/**
- * @deprecated Please use "$font-source-sans" us "font-weight: 400" & "font-style: italic" instead "$font-sans-italic"!
- */
-$font-sans-italic: 'Sans Italic', Arial, sans-serif;
+$font-source-sans: 'Source Sans Pro', sans-serif;
+$font-roboto-condensed: 'Roboto Condensed', Arial, sans-serif;
+$font-redacted: 'Redacted', Arial, sans-serif;
+/**
+ * @deprecated Please use "$font-source-sans" us "font-weight: 300" instead "$font-sans-light"!
+ */
+$font-sans-light: 'Sans Light', Arial, sans-serif;
+/**
+ * @deprecated Please use "$font-source-sans" us "font-weight: 400" instead "$font-sans"!
+ */
+$font-sans: 'Sans Regular', Arial, sans-serif;
+/**
+ * @deprecated Please use "$font-source-sans" us "font-weight: 600" instead "$font-sans-semibold"!
+ */
+$font-sans-semibold: 'Sans Semibold', Arial, sans-serif;
+/**
+ * @deprecated Please use "$font-source-sans" us "font-weight: 700" instead "$font-sans-bold"!
+ */
+$font-sans-bold: 'Sans Bold', Arial, sans-serif;
+/**
+ * @deprecated Please use "$font-source-sans" us "font-weight: 400" & "font-style: italic" instead "$font-sans-italic"!
+ */
+$font-sans-italic: 'Sans Italic', Arial, sans-serif;

package/scss/loveship/typography.scss

@@ -1,160 +1,160 @@
-@use 'colors' as *;
-@use 'fonts' as *;
-
-@mixin overflow-ellipsis() {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-@mixin typography-header() {
-    :global(.hero-header), h1, h2, h3, h4, h5, h6 {
-        margin: 0;
-    }
-
-    :global(.hero-header), h2 {
-        font-family: $font-source-sans;
-        font-weight: 700;
-    }
-
-    :global(.hero-header) {
-        margin: 30px 0;
-        font-size: 72px;
-        line-height: 72px;
-    }
-
-    h3, h4, h5, h6 {
-        font-family: $font-source-sans;
-        font-weight: 600;
-    }
-
-    h1, h2, h3, h4, h5, h6 {
-        margin-bottom: 0.5em;
-        margin-top: 1.2em;
-        line-height: 1.35em;
-    }
-
-    h1 {
-        font-size: 42px;
-    }
-
-    h2 {
-        font-size: 30px;
-    }
-
-    h3 {
-        font-size: 24px;
-    }
-
-    h4 {
-        font-size: 18px;
-    }
-
-    h5 {
-        font-size: 16px;
-    }
-
-    h6 {
-        font-size: 14px;
-    }
-}
-
-@mixin typography-inline() {
-    b, strong {
-        font-family: $font-source-sans;
-        font-weight: 600;
-        color: $night900;
-    }
-
-    i, em {
-        font-family: $font-source-sans;
-        font-weight: 400;
-        font-style: italic;
-    }
-
-    a {
-        display: inline-flex;
-        align-items: center;
-        color: $sky;
-        text-decoration: underline;
-
-        &:hover {
-            color: darken($sky, 10%);
-        }
-    }
-
-    code {
-        padding: 0.125em 0.25em;
-        color: $night50;
-        background-color: $night700;
-        border-radius: 3px;
-        font-family: monospace;
-        font-weight: 400;
-        white-space: pre-wrap;
-        word-wrap: normal;
-    }
-}
-
-@mixin typography-block() {
-    b, strong {
-        color: $night900;
-    }
-
-    ol, ul {
-        padding: 0;
-    }
-
-    li {
-        margin-left: 1.25em;
-        line-height: 1.5;
-    }
-
-    pre {
-        padding: 1.25em;
-        color: $night50;
-        background-color: $night700;
-        border-radius: 3px;
-        font-family: monospace;
-        font-weight: 400;
-        white-space: pre-wrap;
-        word-wrap: normal;
-    }
-
-    img {
-        max-width: 100%;
-    }
-
-    figure {
-        margin: 0;
-
-        figcaption {
-            font-size: 0.9em;
-            opacity: 0.9;
-            text-align: center;
-        }
-    }
-
-    p {
-        margin: 0.5em 0;
-        line-height: 1.5;
-    }
-}
-
-@mixin typography-12() {
-    font-size: 12px;
-}
-
-@mixin typography-14() {
-    font-size: 14px;
-}
-
-@mixin typography-16() {
-    font-size: 16px;
-}
-
-@mixin typography-loveship() {
-    font-family: $font-source-sans;
-    color: $night700;
-    @include typography-header();
-    @include typography-block();
-    @include typography-inline();
-}
+@use 'colors' as *;
+@use 'fonts' as *;
+
+@mixin overflow-ellipsis() {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+@mixin typography-header() {
+    :global(.hero-header), h1, h2, h3, h4, h5, h6 {
+        margin: 0;
+    }
+
+    :global(.hero-header), h2 {
+        font-family: $font-source-sans;
+        font-weight: 700;
+    }
+
+    :global(.hero-header) {
+        margin: 30px 0;
+        font-size: 72px;
+        line-height: 72px;
+    }
+
+    h3, h4, h5, h6 {
+        font-family: $font-source-sans;
+        font-weight: 600;
+    }
+
+    h1, h2, h3, h4, h5, h6 {
+        margin-bottom: 0.5em;
+        margin-top: 1.2em;
+        line-height: 1.35em;
+    }
+
+    h1 {
+        font-size: 42px;
+    }
+
+    h2 {
+        font-size: 30px;
+    }
+
+    h3 {
+        font-size: 24px;
+    }
+
+    h4 {
+        font-size: 18px;
+    }
+
+    h5 {
+        font-size: 16px;
+    }
+
+    h6 {
+        font-size: 14px;
+    }
+}
+
+@mixin typography-inline() {
+    b, strong {
+        font-family: $font-source-sans;
+        font-weight: 600;
+        color: $night900;
+    }
+
+    i, em {
+        font-family: $font-source-sans;
+        font-weight: 400;
+        font-style: italic;
+    }
+
+    a {
+        display: inline-flex;
+        align-items: center;
+        color: $sky;
+        text-decoration: underline;
+
+        &:hover {
+            color: darken($sky, 10%);
+        }
+    }
+
+    code {
+        padding: 0.125em 0.25em;
+        color: $night50;
+        background-color: $night700;
+        border-radius: 3px;
+        font-family: monospace;
+        font-weight: 400;
+        white-space: pre-wrap;
+        word-wrap: normal;
+    }
+}
+
+@mixin typography-block() {
+    b, strong {
+        color: $night900;
+    }
+
+    ol, ul {
+        padding: 0;
+    }
+
+    li {
+        margin-left: 1.25em;
+        line-height: 1.5;
+    }
+
+    pre {
+        padding: 1.25em;
+        color: $night50;
+        background-color: $night700;
+        border-radius: 3px;
+        font-family: monospace;
+        font-weight: 400;
+        white-space: pre-wrap;
+        word-wrap: normal;
+    }
+
+    img {
+        max-width: 100%;
+    }
+
+    figure {
+        margin: 0;
+
+        figcaption {
+            font-size: 0.9em;
+            opacity: 0.9;
+            text-align: center;
+        }
+    }
+
+    p {
+        margin: 0.5em 0;
+        line-height: 1.5;
+    }
+}
+
+@mixin typography-12() {
+    font-size: 12px;
+}
+
+@mixin typography-14() {
+    font-size: 14px;
+}
+
+@mixin typography-16() {
+    font-size: 16px;
+}
+
+@mixin typography-loveship() {
+    font-family: $font-source-sans;
+    color: $night700;
+    @include typography-header();
+    @include typography-block();
+    @include typography-inline();
+}

package/scss/loveship-colors.scss

@@ -1,2 +1,2 @@
-// this file is deprecated, please use 'epam-assets/scss/loveship/colors.scss' directly instead.
-@forward './loveship/colors';
+// this file is deprecated, please use 'epam-assets/scss/loveship/colors.scss' directly instead.
+@forward './loveship/colors';

package/scss/promo/colors.scss

@@ -1,100 +1,100 @@
-/* Main Colors */
-$white: #FFFFFF;
-
-$blue-soft: #F5FDFF;
-$blue-lightest: #D6F2FF;
-$blue-light: #99DDFF;
-$blue: #007BBD;
-$blue-dark: #006AA3;
-$blue-darkest: #005685;
-
-$green-soft: #FCFFF5;
-$green-lightest: #EEFFCC;
-$green-light: #CFF486;
-$green: #65A300;
-$green-dark: #528500;
-$green-darkest: #446600;
-
-$amber-soft: #FFFCF5;
-$amber-lightest: #FFF2CC;
-$amber-light: #FFE38F;
-$amber: #FFC000;
-$amber-dark: #DB9D00;
-$amber-darkest: #9F6B04;
-
-$red-soft: #FEF7F6;
-$red-lightest: #FADED9;
-$red-light: #F5B5A8;
-$red: #DB3A1A;
-$red-dark: #C03316;
-$red-darkest: #A02B13;
-
-//Additional Colors
-$yellow-5: #FFFFF5;
-$yellow-10: #FFFFE5;
-$yellow-20: #FFFCA4;
-$yellow-30: #FDD63B;
-$yellow-40: #F9B71D;
-$yellow-50: #BC7E02;
-
-$orange-5: #FEF8F4;
-$orange-10: #FFE8D7;
-$orange-20: #FFCCA7;
-$orange-30: #FF8B3E;
-$orange-40: #F76B0D;
-$orange-50: #BD4B00;
-
-$fuchia-5: #FFF7FB;
-$fuchia-10: #F9D8E7;
-$fuchia-20: #EDADC8;
-$fuchia-30: #EA4386;
-$fuchia-40: #D61E68;
-$fuchia-50: #AE1955;
-
-$purple-5: #FDF6FE;
-$purple-10: #F2CCFA;
-$purple-20: #E79DF5;
-$purple-30: #B114D1;
-$purple-40: #860F9E;
-$purple-50: #5E0B6F;
-
-$violet-5: #F8F6FE;
-$violet-10: #DBCCFA;
-$violet-20: #BB9DF5;
-$violet-30: #773CEC;
-$violet-40: #5514D6;
-$violet-50: #40109E;
-
-$cobalt-5: #F8FAFF;
-$cobalt-10: #D9E2FC;
-$cobalt-20: #AEC0F5;
-$cobalt-30: #0F98FF;
-$cobalt-40: #006FE5;
-$cobalt-50: #0954A5;
-
-$cyan-5: #F6FEFE;
-$cyan-10: #D1FAFA;
-$cyan-20: #AAEEEE;
-$cyan-30: #14CCCC;
-$cyan-40: #0F9E9E;
-$cyan-50: #0B6F6F;
-
-$mint-5: #F2FCF5;
-$mint-10: #DDF3E4;
-$mint-20: #B4DFC4;
-$mint-30: #4FC48C;
-$mint-40: #2E9E68;
-$mint-50: #236E4A;
-
-/* Gray */
-$gray5: #FAFAFC;
-$gray10: #F5F6FA;
-$gray20: #EBEDF5;
-$gray30: #E1E3EB;
-$gray40: #CED0DB;
-$gray50: #ACAFBF;
-$gray60: #6C6F80;
-$gray70: #474A59;
-$gray80: #303240;
-$gray90: #1D1E26;
-
+/* Main Colors */
+$white: #FFFFFF;
+
+$blue-soft: #F5FDFF;
+$blue-lightest: #D6F2FF;
+$blue-light: #99DDFF;
+$blue: #007BBD;
+$blue-dark: #006AA3;
+$blue-darkest: #005685;
+
+$green-soft: #FCFFF5;
+$green-lightest: #EEFFCC;
+$green-light: #CFF486;
+$green: #65A300;
+$green-dark: #528500;
+$green-darkest: #446600;
+
+$amber-soft: #FFFCF5;
+$amber-lightest: #FFF2CC;
+$amber-light: #FFE38F;
+$amber: #FFC000;
+$amber-dark: #DB9D00;
+$amber-darkest: #9F6B04;
+
+$red-soft: #FEF7F6;
+$red-lightest: #FADED9;
+$red-light: #F5B5A8;
+$red: #DB3A1A;
+$red-dark: #C03316;
+$red-darkest: #A02B13;
+
+//Additional Colors
+$yellow-5: #FFFFF5;
+$yellow-10: #FFFFE5;
+$yellow-20: #FFFCA4;
+$yellow-30: #FDD63B;
+$yellow-40: #F9B71D;
+$yellow-50: #BC7E02;
+
+$orange-5: #FEF8F4;
+$orange-10: #FFE8D7;
+$orange-20: #FFCCA7;
+$orange-30: #FF8B3E;
+$orange-40: #F76B0D;
+$orange-50: #BD4B00;
+
+$fuchia-5: #FFF7FB;
+$fuchia-10: #F9D8E7;
+$fuchia-20: #EDADC8;
+$fuchia-30: #EA4386;
+$fuchia-40: #D61E68;
+$fuchia-50: #AE1955;
+
+$purple-5: #FDF6FE;
+$purple-10: #F2CCFA;
+$purple-20: #E79DF5;
+$purple-30: #B114D1;
+$purple-40: #860F9E;
+$purple-50: #5E0B6F;
+
+$violet-5: #F8F6FE;
+$violet-10: #DBCCFA;
+$violet-20: #BB9DF5;
+$violet-30: #773CEC;
+$violet-40: #5514D6;
+$violet-50: #40109E;
+
+$cobalt-5: #F8FAFF;
+$cobalt-10: #D9E2FC;
+$cobalt-20: #AEC0F5;
+$cobalt-30: #0F98FF;
+$cobalt-40: #006FE5;
+$cobalt-50: #0954A5;
+
+$cyan-5: #F6FEFE;
+$cyan-10: #D1FAFA;
+$cyan-20: #AAEEEE;
+$cyan-30: #14CCCC;
+$cyan-40: #0F9E9E;
+$cyan-50: #0B6F6F;
+
+$mint-5: #F2FCF5;
+$mint-10: #DDF3E4;
+$mint-20: #B4DFC4;
+$mint-30: #4FC48C;
+$mint-40: #2E9E68;
+$mint-50: #236E4A;
+
+/* Gray */
+$gray5: #FAFAFC;
+$gray10: #F5F6FA;
+$gray20: #EBEDF5;
+$gray30: #E1E3EB;
+$gray40: #CED0DB;
+$gray50: #ACAFBF;
+$gray60: #6C6F80;
+$gray70: #474A59;
+$gray80: #303240;
+$gray90: #1D1E26;
+