added color schema for helpers

Author: UnderlineWords

src/Utilities/_config/_specs.scss

@@ -2,10 +2,10 @@
 /// PUNICA CSS > UTILITIES : HELPERS > SPECS
 /////////////////////////////////////////////////////////
 $specs: (
-	"spaces"        : (0,5,10,15,20,30,40,50,75,100,125,150,175,200), // padding and margin
+	"spaces"        : (0,5,10,15,20,30,40,50,75,100,125,150,175,200), // padding and margin (px)
 	"font-weight"   : (100,200,300,400,500,600,700,800,900),
-	"borders"       : (0,1,2,3,4,5), // border width
-	"border-radius" : (2,4,8,10,12,14,16,500),
+	"borders"       : (0,1,2,3,4,5), // border width (px)
+	"border-radius" : (2,4,8,10,12,14,16,500), // (px)
 	"orders"        : (1,2,3,4,5),
 	"line-height"   : (0,1,2,3,4,5),
 	"z-index"       : (-1,0,1,10,20,30,40,50,100,999,9999,99999)

src/Utilities/_config/place-content.scss

@@ -1,8 +1,9 @@
 /// 
 /// Place Content
 ///
-/// The justify-self property aligns a grid item 
-/// within its grid cell in the inline direction.
+/// The place-content property is used in flexbox 
+/// and grid layouts, and is a shorthand property for
+/// align-content and justify-content properties..
 ///
 $place-content: (
 	// class name, value

src/Utilities/helpers.scss

@@ -29,6 +29,7 @@
 	/// Text Colors
 	///
 	@include setHelperList($text-colors, "color", "!important");
+	@include setColorScale($text-colors, false);
 
 	///
 	/// Background Colors

src/Utilities/mixins.scss

@@ -114,19 +114,32 @@
 ///
 /// Color Scale
 /// @param {Array} $colors
+/// @param {Boolean} $bgcolor
 ///
-@mixin setColorScale($colors) {
+@mixin setColorScale($colors, $bgcolor : true) {
 	@for $i from 5 through 35 {
 		@each $class, $color in $colors {
 			@if $i % 5 == 0 {
 				$percentage: $i*1%;
-				// darken
-				.#{$class}-darken-#{$i} {
-					background-color: darken($color, $percentage);
-				}
-				// lighten
-				.#{$class}-lighten-#{$i} {
-					background-color: lighten($color, $percentage);
+
+				@if $bgcolor {
+					// darken
+					.#{$class}-darken-#{$i} {
+						background-color: darken($color, $percentage);
+					}
+					// lighten
+					.#{$class}-lighten-#{$i} {
+						background-color: lighten($color, $percentage);
+					}
+				} @else {
+					// darken
+					.#{$class}-darken-#{$i} {
+						color: darken($color, $percentage);
+					}
+					// lighten
+					.#{$class}-lighten-#{$i} {
+						color: lighten($color, $percentage);
+					}
 				}
 			}
 		}