_variable.scss in active_frontend-15.0.14

- old
+ new

@@ -1,32 +1,14 @@
 // Table of Contents
 // ==================================================
-// Functions
 // Animation
 // Color
 // Common
 // Font
 // Grid
 // Progress
 
-// Functions
-// ==================================================
-@function map-collect($maps...) {
-  $collection: ();
-
-  @each $map in $maps {
-    $collection: map-merge($collection, $map);
-  }
-
-  @return $collection;
-}
-@function map-global-collect($global-collection, $global-name) {
-  $name: map-get($colors-global, $global-name);
-
-  @return map-get($global-collection, $name);
-}
-
 // Animation
 // ==================================================
 $animation-delays: (
   xxl: 2s,
   xl: 1.75s,
@@ -56,76 +38,63 @@
   'secondary': 'green',
   'tertiary': 'red',
   'quaditiary': 'yellow'
 );
 $colors-brand: (
-  'lime': rgba(164,217,111,1),
-  'green': rgba(52,208,102,1),
-  'teal': rgba(66,223,193,1),
-  'sky': rgba(19,190,255,1),
-  'blue': rgba(50,156,255,1),
-  'indigo': rgba(146,112,226,1),
-  'purple': rgba(194,111,212,1),
-  'pink': rgba(240,129,143,1),
-  'red': rgba(241,91,83,1),
-  'brown': rgba(211,143,95,1),
-  'orange': rgba(252,174,70,1),
-  'yellow': rgba(248,214,72,1)
+  'lime': rgba(151,212,91,1),
+  'green': rgba(52,208,89,1),
+  'teal': rgba(66,223,180,1),
+  'sky': rgba(0,179,255,1),
+  'blue': rgba(50,139,255,1),
+  'indigo': rgba(141,99,239,1),
+  'purple': rgba(179,104,219,1),
+  'pink': rgba(237,106,123,1),
+  'red': rgba(240,74,65,1),
+  'brown': rgba(198,115,89,1),
+  'orange': rgba(252,163,45,1),
+  'yellow': rgba(247,208,47,1)
 );
 $colors-brand-global: (
   'primary': map-global-collect($colors-brand, 'primary'),
   'secondary': map-global-collect($colors-brand, 'secondary'),
   'tertiary': map-global-collect($colors-brand, 'tertiary'),
   'quaditiary': map-global-collect($colors-brand, 'quaditiary')
 );
 $colors-brand-inverted: (
-  'lime': rgba(242,250,235,1),
-  'green': rgba(227,249,234,1),
-  'teal': rgba(234,251,248,1),
-  'sky': rgba(235,249,255,1),
-  'blue': rgba(227,241,255,1),
-  'indigo': rgba(245,242,252,1),
-  'purple': rgba(249,236,252,1),
-  'pink': rgba(253,234,236,1),
-  'red': rgba(253,229,228,1),
-  'brown': rgba(249,240,233,1),
-  'orange': rgba(255,242,224,1),
-  'yellow': rgba(254,248,223,1)
+  'lime': rgba(232,246,223,1),
+  'green': rgba(221,243,226,1),
+  'teal': rgba(229,246,242,1),
+  'sky': rgba(230,244,250,1),
+  'blue': rgba(225,237,253,1),
+  'indigo': rgba(232,224,252,1),
+  'purple': rgba(240,228,246,1),
+  'pink': rgba(248,225,228,1),
+  'brown': rgba(239,222,216,1),
+  'red': rgba(250,217,214,1),
+  'orange': rgba(254,232,200,1),
+  'yellow': rgba(254,241,200,1)
 );
 $colors-brand-inverted-global: (
   'primary': map-global-collect($colors-brand-inverted, 'primary'),
   'secondary': map-global-collect($colors-brand-inverted, 'secondary'),
   'tertiary': map-global-collect($colors-brand-inverted, 'tertiary'),
   'quaditiary': map-global-collect($colors-brand-inverted, 'quaditiary')
 );
 $colors-grayscale: (
-  'transparent': rgba(0,0,0,0),
-  'dark-black': rgba(37,49,62,1),
-  'black': rgba(44,58,73,1),
-  'light-black': rgba(51,67,83,1),
-  'dark-gray': rgba(130,149,167,1),
-  'gray': rgba(145,162,178,1),
-  'light-gray': rgba(160,174,188,1),
-  'dark-haze': rgba(229,234,244,1),
-  'haze': rgba(238,241,250,1),
+  'light-black': rgba(58,63,84,1),
+  'black': rgba(44,49,70,1),
+  'dark-black': rgba(30,35,55,1),
+  'light-gray': rgba(152,166,184,1),
+  'gray': rgba(138,152,170,1),
+  'dark-gray': rgba(124,138,156,1),
   'light-haze': rgba(248,249,253,1),
-  'white': rgba(255,255,255,1)
+  'haze': rgba(238,241,250,1),
+  'dark-haze': rgba(229,234,244,1),
+  'white': rgba(255,255,255,1),
+  'transparent': rgba(0,0,0,0)
 );
-$colors-grayscale-inverted: (
-  'transparent': rgba(0,0,0,0),
-  'dark-black': rgba(231,236,241,1),
-  'black': rgba(242,245,247,1),
-  'light-black': rgba(241,244,246,1),
-  'dark-gray': rgba(222,227,232,1),
-  'gray': rgba(226,230,235,1),
-  'light-gray': rgba(229,233,237,1),
-  'dark-haze': rgba(237,242,252,1),
-  'haze': rgba(243,246,255,1),
-  'light-haze': rgba(250,251,255,1),
-  'white': rgba(255,255,255,1)
-);
 $colors: map-collect($colors-brand, $colors-brand-global, $colors-grayscale);
-$colors-inversions: map-collect($colors-brand-inverted, $colors-brand-inverted-global, $colors-grayscale-inverted);
+$colors-inversions: map-collect($colors-brand-inverted, $colors-brand-inverted-global);
 $colors-black-text: 'transparent', 'dark-haze', 'haze', 'light-haze', 'white';
 
 // Common
 // ==================================================
 $common-border-widths: (