@burh/nuxt-core 1.0.290 → 1.0.292

package/assets/sass/burh-ds/variables/_colors.scss

@@ -1,350 +1,350 @@
-//Burh colors - Main
-$color-default: #13293b;
-$color-default--lighten: #7092a6;
-$color-default--mid-dark: #071e2a;
-$color-default--darken: #0a0c10;
-$color-primary: #2a5ee8;
-$color-primary--lighten: #81bfeb;
-$color-primary--mid-dark: #0062ae;
-$color-primary--darken: #004483;
-$color-secondary: #fddf00;
-$color-secondary--lighten: #fae871;
-$color-secondary--mid-dark: #f9d100;
-$color-secondary--darken: #ffb200;
-$color-light: #ecf1f5;
-$color-light--lighten: #f9f9f9;
-$color-light--mid-dark: #ccd9df;
-$color-light--darken: #b8c8d3;
-$color-dark: #485863;
-$color-dark--lighten: #768b9a;
-$color-dark--mid-dark: #3b4b56;
-$color-dark--darken: #040405;
-
-//Burh colors - Feedback
-$color-info: #2bb3dc;
-$color-info--ligthen: #cae7f0;
-$color-info--mid-dark: #56bcd5;
-$color-info--darken: #56bcd5;
-$color-success: #4fa86f;
-$color-success--ligthen: #cadee3;
-$color-success--mid-dark: #7ebd94;
-$color-success--darken: #35824d;
-$color-danger: #de214b;
-$color-danger--ligthen: #efc2ce;
-$color-danger--mid-dark: #e88ca4;
-$color-danger--darken: #c50035;
-$color-warning: #e69e33;
-$color-warning--ligthen: #e69e33;
-$color-warning--mid-dark: #db8e37;
-$color-warning--darken: #e66433;
-
-//Burh Colors - Monochrome Scale
-$color-mono-blue: #004484;
-$color-mono-blue-90: #195690;
-$color-mono-blue-80: #33699c;
-$color-mono-blue-70: #4c7ba8;
-$color-mono-blue-60: #668eb5;
-$color-mono-blue-50: #7fa1c1;
-$color-mono-blue-40: #99b4ce;
-$color-mono-blue-30: #b2c6da;
-$color-mono-blue-20: #ccd9e6;
-$color-mono-blue-10: #e5ecf2;
-$color-mono-dark: #232c30;
-$color-mono-dark-90: #384044;
-$color-mono-dark-80: #4f5659;
-$color-mono-dark-70: #646a6d;
-$color-mono-dark-60: #7b8082;
-$color-mono-dark-50: #909597;
-$color-mono-dark-40: #a7aaac;
-$color-mono-dark-30: #bcbfc0;
-$color-mono-dark-20: #d3d4d5;
-$color-mono-dark-10: #e8e9ea;
-
-//Burh Colors - Social Media
-
-//Burh Colors - Base Duotone
-$base-light: #ffffff;
-$base-dark: $color-mono-dark;
-
-// Shadows
-
-$enable-shadows: true !default;
-
-// Color system
-
-$white: #fff !default;
-$gray-100: #f6f9fc !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #8898aa !default; // Line footer color
-$gray-700: #525f7f !default; // Line p color
-$gray-800: #32325d !default; // Line heading color
-$gray-900: #212529 !default;
-$black: #000 !default;
-
-$grays: () !default;
-$grays: map-merge(
-    (
-        "100": $gray-100,
-        "200": $gray-200,
-        "300": $gray-300,
-        "400": $gray-400,
-        "500": $gray-500,
-        "600": $gray-600,
-        "700": $gray-700,
-        "800": $gray-800,
-        "900": $gray-900
-    ),
-    $grays
-);
-
-$blue: #5e72e4 !default;
-$indigo: #5603ad !default;
-$purple: #8965e0 !default;
-$pink: #f3a4b5 !default;
-$red: #f5365c !default;
-$orange: #fb6340 !default;
-$yellow: #ffd600 !default;
-$green: #2dce89 !default;
-$teal: #11cdef !default;
-$cyan: #2bffc6 !default;
-// NEW COLORS
-$search: #2a5ee8 !default;
-$recruitment: #0c95fc !default;
-$university: #39e2fd !default;
-$interviews: #ff539d !default;
-$workus: #ff7d7e !default;
-$corp-university: #5983fe !default;
-$store: #9d35fc !default;
-$tests: #8be77a !default;
-$buffer: #81D6FB !default;
-$sms: #ffcf02 !default;
-$carrers: #5983fe !default;
-$disc: #9d35fc !default;
-
-$colors: () !default;
-$colors: map-merge(
-    (
-        "blue": $blue,
-        "indigo": $indigo,
-        "purple": $purple,
-        "pink": $pink,
-        "red": $red,
-        "orange": $orange,
-        "yellow": $yellow,
-        "green": $green,
-        "teal": $teal,
-        "cyan": $cyan,
-        "white": $white,
-        "gray": $gray-600,
-        "light": $gray-400,
-        "lighter": $gray-200,
-        "lightest": lighten($gray-200, 5%),
-        "gray-dark": $gray-800,
-        "search": $search,
-        "recruitment": $recruitment,
-        "university": $university,
-        "interviews": $interviews,
-        "workus": $workus,
-        "corp-university": $corp-university,
-        "store": $store,
-        "tests": $tests,
-        "buffer": $buffer,
-        "sms": $sms,
-        "carrers": $carrers,
-        "disc": $disc
-    ),
-    $colors
-);
-
-$default: $color-default !default;
-$primary: $color-primary !default;
-$secondary: $color-secondary !default;
-$success: $color-success !default;
-$info: $color-info !default;
-$warning: $color-warning !default;
-$danger: $color-danger !default;
-$light: $color-light !default;
-$dark: $gray-900 !default;
-$darker: $base-dark;
-
-$facebook: #3b5999 !default;
-$twitter: #1da1f2 !default;
-$google-plus: #dd4b39 !default;
-$instagram: #e4405f !default;
-$pinterest: #bd081c !default;
-$youtube: #cd201f !default;
-$slack: #3aaf85 !default;
-$dribbble: #ea4c89 !default;
-$github: #222222 !default;
-$vimeo: #04a0f0 !default;
-
-$theme-colors: () !default;
-$theme-colors: map-merge(
-    (
-        "default": $default,
-        "primary": $primary,
-        "secondary": $secondary,
-        "success": $success,
-        "info": $info,
-        "warning": $warning,
-        "danger": $danger,
-        "white": $white,
-        "neutral": $white,
-        "dark": $dark,
-        "darker": $darker
-    ),
-    $theme-colors
-);
-
-$brand-colors: () !default;
-$brand-colors: map-merge(
-    (
-        "facebook": $facebook,
-        "twitter": $twitter,
-        "google-plus": $google-plus,
-        "instagram": $instagram,
-        "pinterest": $pinterest,
-        "youtube": $youtube,
-        "slack": $slack,
-        "dribbble": $dribbble,
-        "github": $github,
-        "vimeo": $vimeo
-    ),
-    $brand-colors
-);
-
-$shape-colors: () !default;
-$shape-colors: map-merge(
-    (
-        "default": #32325d,
-        "primary": #5533ff,
-        "secondary": #24b47e,
-        "neutral": #e9ecef,
-        "blue-gray": #b2cbe1,
-        "purple-primary": #555abf
-    ),
-    $shape-colors
-);
-
-$shapes-primary-colors: () !default;
-$shapes-primary-colors: map-merge(
-    (
-        "step-1-gradient-bg": #281483,
-        "step-2-gradient-bg": #8f6ed5,
-        "step-3-gradient-bg": #d782d9,
-        "span-1-bg": #53f,
-        "span-2-bg": #4553ff,
-        "span-3-bg": #4f40ff,
-        "span-4-bg": #25ddf5,
-        "span-5-bg": #1fa2ff
-    ),
-    $shapes-primary-colors
-);
-
-$shapes-default-colors: () !default;
-$shapes-default-colors: map-merge(
-    (
-        "step-1-gradient-bg": #7795f8,
-        "step-2-gradient-bg": #6772e5,
-        "step-3-gradient-bg": #555abf,
-        "span-1-bg": #7795f8,
-        "span-2-bg": #7b9aff,
-        "span-3-bg": #6f8ff8,
-        "span-4-bg": #76eea7,
-        "span-5-bg": #6adaff
-    ),
-    $shapes-default-colors
-);
-
-$shapes-light-colors: () !default;
-$shapes-light-colors: map-merge(
-    (
-        "step-1-gradient-bg": #b2cbe1,
-        "step-2-gradient-bg": #f6f9fc,
-        "step-3-gradient-bg": #f6f9fc,
-        "span-1-bg": #b4cce1,
-        "span-2-bg": #c5dbef,
-        "span-3-bg": #b9d5ed,
-        "span-4-bg": #74e4a2,
-        "span-5-bg": #008169
-    ),
-    $shapes-light-colors
-);
-
-$shapes-dark-colors: () !default;
-$shapes-dark-colors: map-merge(
-    (
-        "step-1-gradient-bg": #32325d,
-        "step-2-gradient-bg": #32325d,
-        "step-3-gradient-bg": #32325d,
-        "span-1-bg": #2e2e57,
-        "span-2-bg": #2b2b58,
-        "span-3-bg": #25254d,
-        "span-4-bg": #d782d9,
-        "span-5-bg": #008169
-    ),
-    $shapes-dark-colors
-);
-
-// Translucent color variations
-$translucent-color-opacity: 0.6 !default;
-
-// Set a specific jump point for requesting color jumps
-$theme-color-interval: 8% !default;
-
-// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
-$yiq-contrasted-threshold: 200 !default;
-
-// Customize the light and dark text colors for use in our YIQ color contrast function.
-$yiq-text-dark: $gray-900 !default;
-$yiq-text-light: $white !default;
-
-// Action colors
-
-$star-rating-color: $gray-400 !default;
-$star-rating-color-active: $yellow !default;
-
-$favorite-color: $yellow !default;
-$like-color: $blue !default;
-$love-color: $red !default;
-
-// Body
-
-$body-bg: #f8f9fe !default;
-$body-color: $gray-700 !default;
-$page-bg: $color-mono-dark-30 !default;
-$bg-default: $gray-100;
-
-// Sections
-
-$section-colors: () !default;
-$section-colors: map-merge(
-    (
-        "primary": $body-bg,
-        "secondary": $secondary,
-        "light": $gray-400,
-        "dark": $dark,
-        "darker": $darker
-    ),
-    $section-colors
-);
-
-// Links
-
-$link-color: $primary !default;
-$link-decoration: none !default;
-$link-hover-color: darken($link-color, 15%) !default;
-$link-hover-decoration: none !default;
-
-@mixin generate_backgrounds() {
-    @each $key, $color in $colors {
-        .bg-#{$key} {
-            background-color: $color;
-        }
-    }
-}
-
-@include generate_backgrounds();
+//Burh colors - Main
+$color-default: #13293b;
+$color-default--lighten: #7092a6;
+$color-default--mid-dark: #071e2a;
+$color-default--darken: #0a0c10;
+$color-primary: #4460F4;
+$color-primary--lighten: #81bfeb;
+$color-primary--mid-dark: #0062ae;
+$color-primary--darken: #004483;
+$color-secondary: #fddf00;
+$color-secondary--lighten: #fae871;
+$color-secondary--mid-dark: #f9d100;
+$color-secondary--darken: #ffb200;
+$color-light: #ecf1f5;
+$color-light--lighten: #f9f9f9;
+$color-light--mid-dark: #ccd9df;
+$color-light--darken: #b8c8d3;
+$color-dark: #485863;
+$color-dark--lighten: #768b9a;
+$color-dark--mid-dark: #3b4b56;
+$color-dark--darken: #040405;
+
+//Burh colors - Feedback
+$color-info: #2bb3dc;
+$color-info--ligthen: #cae7f0;
+$color-info--mid-dark: #56bcd5;
+$color-info--darken: #56bcd5;
+$color-success: #4fa86f;
+$color-success--ligthen: #cadee3;
+$color-success--mid-dark: #7ebd94;
+$color-success--darken: #35824d;
+$color-danger: #de214b;
+$color-danger--ligthen: #efc2ce;
+$color-danger--mid-dark: #e88ca4;
+$color-danger--darken: #c50035;
+$color-warning: #e69e33;
+$color-warning--ligthen: #e69e33;
+$color-warning--mid-dark: #db8e37;
+$color-warning--darken: #e66433;
+
+//Burh Colors - Monochrome Scale
+$color-mono-blue: #004484;
+$color-mono-blue-90: #195690;
+$color-mono-blue-80: #33699c;
+$color-mono-blue-70: #4c7ba8;
+$color-mono-blue-60: #668eb5;
+$color-mono-blue-50: #7fa1c1;
+$color-mono-blue-40: #99b4ce;
+$color-mono-blue-30: #b2c6da;
+$color-mono-blue-20: #ccd9e6;
+$color-mono-blue-10: #e5ecf2;
+$color-mono-dark: #232c30;
+$color-mono-dark-90: #384044;
+$color-mono-dark-80: #4f5659;
+$color-mono-dark-70: #646a6d;
+$color-mono-dark-60: #7b8082;
+$color-mono-dark-50: #909597;
+$color-mono-dark-40: #a7aaac;
+$color-mono-dark-30: #bcbfc0;
+$color-mono-dark-20: #d3d4d5;
+$color-mono-dark-10: #e8e9ea;
+
+//Burh Colors - Social Media
+
+//Burh Colors - Base Duotone
+$base-light: #ffffff;
+$base-dark: $color-mono-dark;
+
+// Shadows
+
+$enable-shadows: true !default;
+
+// Color system
+
+$white: #fff !default;
+$gray-100: #f6f9fc !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #8898aa !default; // Line footer color
+$gray-700: #525f7f !default; // Line p color
+$gray-800: #32325d !default; // Line heading color
+$gray-900: #212529 !default;
+$black: #000 !default;
+
+$grays: () !default;
+$grays: map-merge(
+    (
+        "100": $gray-100,
+        "200": $gray-200,
+        "300": $gray-300,
+        "400": $gray-400,
+        "500": $gray-500,
+        "600": $gray-600,
+        "700": $gray-700,
+        "800": $gray-800,
+        "900": $gray-900
+    ),
+    $grays
+);
+
+$blue: #5e72e4 !default;
+$indigo: #5603ad !default;
+$purple: #8965e0 !default;
+$pink: #f3a4b5 !default;
+$red: #f5365c !default;
+$orange: #fb6340 !default;
+$yellow: #ffd600 !default;
+$green: #2dce89 !default;
+$teal: #11cdef !default;
+$cyan: #2bffc6 !default;
+// NEW COLORS
+$search: #4460F4 !default;
+$recruitment: #0c95fc !default;
+$university: #39e2fd !default;
+$interviews: #ff539d !default;
+$workus: #ff7d7e !default;
+$corp-university: #5983fe !default;
+$store: #9d35fc !default;
+$tests: #8be77a !default;
+$buffer: #81D6FB !default;
+$sms: #ffcf02 !default;
+$carrers: #5983fe !default;
+$disc: #9d35fc !default;
+
+$colors: () !default;
+$colors: map-merge(
+    (
+        "blue": $blue,
+        "indigo": $indigo,
+        "purple": $purple,
+        "pink": $pink,
+        "red": $red,
+        "orange": $orange,
+        "yellow": $yellow,
+        "green": $green,
+        "teal": $teal,
+        "cyan": $cyan,
+        "white": $white,
+        "gray": $gray-600,
+        "light": $gray-400,
+        "lighter": $gray-200,
+        "lightest": lighten($gray-200, 5%),
+        "gray-dark": $gray-800,
+        "search": $search,
+        "recruitment": $recruitment,
+        "university": $university,
+        "interviews": $interviews,
+        "workus": $workus,
+        "corp-university": $corp-university,
+        "store": $store,
+        "tests": $tests,
+        "buffer": $buffer,
+        "sms": $sms,
+        "carrers": $carrers,
+        "disc": $disc
+    ),
+    $colors
+);
+
+$default: $color-default !default;
+$primary: $color-primary !default;
+$secondary: $color-secondary !default;
+$success: $color-success !default;
+$info: $color-info !default;
+$warning: $color-warning !default;
+$danger: $color-danger !default;
+$light: $color-light !default;
+$dark: $gray-900 !default;
+$darker: $base-dark;
+
+$facebook: #3b5999 !default;
+$twitter: #1da1f2 !default;
+$google-plus: #dd4b39 !default;
+$instagram: #e4405f !default;
+$pinterest: #bd081c !default;
+$youtube: #cd201f !default;
+$slack: #3aaf85 !default;
+$dribbble: #ea4c89 !default;
+$github: #222222 !default;
+$vimeo: #04a0f0 !default;
+
+$theme-colors: () !default;
+$theme-colors: map-merge(
+    (
+        "default": $default,
+        "primary": $primary,
+        "secondary": $secondary,
+        "success": $success,
+        "info": $info,
+        "warning": $warning,
+        "danger": $danger,
+        "white": $white,
+        "neutral": $white,
+        "dark": $dark,
+        "darker": $darker
+    ),
+    $theme-colors
+);
+
+$brand-colors: () !default;
+$brand-colors: map-merge(
+    (
+        "facebook": $facebook,
+        "twitter": $twitter,
+        "google-plus": $google-plus,
+        "instagram": $instagram,
+        "pinterest": $pinterest,
+        "youtube": $youtube,
+        "slack": $slack,
+        "dribbble": $dribbble,
+        "github": $github,
+        "vimeo": $vimeo
+    ),
+    $brand-colors
+);
+
+$shape-colors: () !default;
+$shape-colors: map-merge(
+    (
+        "default": #32325d,
+        "primary": #5533ff,
+        "secondary": #24b47e,
+        "neutral": #e9ecef,
+        "blue-gray": #b2cbe1,
+        "purple-primary": #555abf
+    ),
+    $shape-colors
+);
+
+$shapes-primary-colors: () !default;
+$shapes-primary-colors: map-merge(
+    (
+        "step-1-gradient-bg": #281483,
+        "step-2-gradient-bg": #8f6ed5,
+        "step-3-gradient-bg": #d782d9,
+        "span-1-bg": #53f,
+        "span-2-bg": #4553ff,
+        "span-3-bg": #4f40ff,
+        "span-4-bg": #25ddf5,
+        "span-5-bg": #1fa2ff
+    ),
+    $shapes-primary-colors
+);
+
+$shapes-default-colors: () !default;
+$shapes-default-colors: map-merge(
+    (
+        "step-1-gradient-bg": #7795f8,
+        "step-2-gradient-bg": #6772e5,
+        "step-3-gradient-bg": #555abf,
+        "span-1-bg": #7795f8,
+        "span-2-bg": #7b9aff,
+        "span-3-bg": #6f8ff8,
+        "span-4-bg": #76eea7,
+        "span-5-bg": #6adaff
+    ),
+    $shapes-default-colors
+);
+
+$shapes-light-colors: () !default;
+$shapes-light-colors: map-merge(
+    (
+        "step-1-gradient-bg": #b2cbe1,
+        "step-2-gradient-bg": #f6f9fc,
+        "step-3-gradient-bg": #f6f9fc,
+        "span-1-bg": #b4cce1,
+        "span-2-bg": #c5dbef,
+        "span-3-bg": #b9d5ed,
+        "span-4-bg": #74e4a2,
+        "span-5-bg": #008169
+    ),
+    $shapes-light-colors
+);
+
+$shapes-dark-colors: () !default;
+$shapes-dark-colors: map-merge(
+    (
+        "step-1-gradient-bg": #32325d,
+        "step-2-gradient-bg": #32325d,
+        "step-3-gradient-bg": #32325d,
+        "span-1-bg": #2e2e57,
+        "span-2-bg": #2b2b58,
+        "span-3-bg": #25254d,
+        "span-4-bg": #d782d9,
+        "span-5-bg": #008169
+    ),
+    $shapes-dark-colors
+);
+
+// Translucent color variations
+$translucent-color-opacity: 0.6 !default;
+
+// Set a specific jump point for requesting color jumps
+$theme-color-interval: 8% !default;
+
+// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
+$yiq-contrasted-threshold: 200 !default;
+
+// Customize the light and dark text colors for use in our YIQ color contrast function.
+$yiq-text-dark: $gray-900 !default;
+$yiq-text-light: $white !default;
+
+// Action colors
+
+$star-rating-color: $gray-400 !default;
+$star-rating-color-active: $yellow !default;
+
+$favorite-color: $yellow !default;
+$like-color: $blue !default;
+$love-color: $red !default;
+
+// Body
+
+$body-bg: #f8f9fe !default;
+$body-color: $gray-700 !default;
+$page-bg: $color-mono-dark-30 !default;
+$bg-default: $gray-100;
+
+// Sections
+
+$section-colors: () !default;
+$section-colors: map-merge(
+    (
+        "primary": $body-bg,
+        "secondary": $secondary,
+        "light": $gray-400,
+        "dark": $dark,
+        "darker": $darker
+    ),
+    $section-colors
+);
+
+// Links
+
+$link-color: $primary !default;
+$link-decoration: none !default;
+$link-hover-color: darken($link-color, 15%) !default;
+$link-hover-decoration: none !default;
+
+@mixin generate_backgrounds() {
+    @each $key, $color in $colors {
+        .bg-#{$key} {
+            background-color: $color;
+        }
+    }
+}
+
+@include generate_backgrounds();