utilitlies for all color shades

extrabright · extrabright · commit c2800ab95d66 · 2023-10-03T12:15:04.000+03:00
diff --git a/dist/main.css b/dist/main.css
diff --git a/dist/main.css.map b/dist/main.css.map
diff --git a/dist/utility.css b/dist/utility.css
diff --git a/dist/utility.css.map b/dist/utility.css.map
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@webpixels/css",
   "description": "Utility and component-centric design system based on Bootstrap for fast, responsive UI development.",
-  "version": "2.0.0-beta.11",
+  "version": "2.0.0-beta.12",
   "version_short": "2.0",
   "license": "MIT",
   "style": "dist/index.css",
diff --git a/scss/extra.scss b/scss/extra.scss
@@ -1,5 +1,5 @@
 /*!
- * Webpixels CSS v2.0.0-beta.11 (https://webpixels.io/)
+ * Webpixels CSS v2.0.0-beta.12 (https://webpixels.io/)
  * Copyright 2023 Webpixels
  * Licensed under MIT (https://github.com/webpixels/css/blob/main/LICENSE)
  */
diff --git a/scss/index.scss b/scss/index.scss
@@ -1,5 +1,5 @@
 /*!
- * Webpixels CSS v2.0.0-beta.11 (https://webpixels.io/)
+ * Webpixels CSS v2.0.0-beta.12 (https://webpixels.io/)
  * Copyright 2023 Webpixels
  * Licensed under MIT (https://github.com/webpixels/css/blob/main/LICENSE)
  */
diff --git a/scss/main.scss b/scss/main.scss
@@ -1,5 +1,5 @@
 /*!
- * Webpixels CSS v2.0.0-beta.11 (https://webpixels.io/)
+ * Webpixels CSS v2.0.0-beta.12 (https://webpixels.io/)
  * Copyright 2023 Webpixels
  * Licensed under MIT (https://github.com/webpixels/css/blob/main/LICENSE)
  */
diff --git a/scss/maps/_maps.scss b/scss/maps/_maps.scss
@@ -1,6 +1,8 @@
 // Maps
 // 
 
+$all-colors: map-merge-multiple($blues, $indigos, $purples, $pinks, $reds, $oranges, $yellows, $greens, $teals, $cyans);
+
 // Typography
 $utilities-font-family-values: (
   base: var(--#{$prefix}font-sans-serif),
diff --git a/scss/utilities/_gradient.scss b/scss/utilities/_gradient.scss
@@ -36,7 +36,7 @@
   }
 
   // For color values
-  @each $color, $value in $colors {
+  @each $color, $value in $all-colors {
     $end-color: rgba(0, 0, 0, 0);
     .start-#{$color},
     .start-#{$color}-hover:hover {
diff --git a/scss/utilities/_utilities.scss b/scss/utilities/_utilities.scss
@@ -178,8 +178,14 @@ $utilities: map-merge($utilities, (
   "background-color": map-merge(
     map-get($utilities, "background-color"),
     (
-      state: hover
-    ),
+      state: hover,
+      values: map-merge(
+        map-get(map-get($utilities, "background-color"), "values"),
+        (
+          $all-colors
+        )
+      )
+    )
   ),
   "static-background-color": (
     property: background-color,
diff --git a/scss/utility.scss b/scss/utility.scss
@@ -1,5 +1,5 @@
 // /*!
-//  * Webpixels CSS v2.0.0-beta.11 (https://webpixels.io/)
+//  * Webpixels CSS v2.0.0-beta.12 (https://webpixels.io/)
 //  * Copyright 2023 Webpixels
 //  * Licensed under MIT (https://github.com/webpixels/css/blob/main/LICENSE)
 //  */

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@webpixels/css",`
`3`	`3`	`"description": "Utility and component-centric design system based on Bootstrap for fast, responsive UI development.",`
`4`		`- "version": "2.0.0-beta.11",`
	`4`	`+ "version": "2.0.0-beta.12",`
`5`	`5`	`"version_short": "2.0",`
`6`	`6`	`"license": "MIT",`
`7`	`7`	`"style": "dist/index.css",`
Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,7 @@`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`// For color values`
`39`		`- @each $color, $value in $colors {`
	`39`	`+ @each $color, $value in $all-colors {`
`40`	`40`	`$end-color: rgba(0, 0, 0, 0);`
`41`	`41`	`.start-#{$color},`
`42`	`42`	`.start-#{$color}-hover:hover {`