optimized helpers

Author: UnderlineWords

src/Utilities/helpers.scss

@@ -16,65 +16,71 @@ PUNICA CSS > UTILITIES : HELPERS *********************/
 
 	/*****************************************************
 	Font Sizes *******************************************/
-	@include setHelperList($font-sizes, "!important");
+	@include setHelperList($font-sizes, "font-size", "!important");
 
 	/*****************************************************
 	Text Colors ******************************************/
-	@include setHelperList($text-colors, "!important");
+	@include setHelperList($text-colors, "color", "!important");
 
 	/*****************************************************
 	Background Colors ************************************/
-	@include setHelperList($bg-colors, "!important");
+	@include setHelperList($bg-colors, "background-color", "!important");
 	@include customBackgrounds();
 
 	/*****************************************************
 	Cursors **********************************************/
-	@include setHelperList($cursors, "!important");
+	@include setHelperList($cursors, "cursor", "!important");
 
 	/*****************************************************
 	Display Properties ***********************************/
-	@include setHelperList($display-properties, "!important");
-	@include setHelperList($align-items);
-	@include setHelperList($align-self);
+	@include setHelperList($display-properties, "display", "!important");
 
 	/*****************************************************
 	Alignment ********************************************/
-	@include setHelperList($align-items);
-	@include setHelperList($align-self);
-	@include setHelperList($justify-content);
+	@include setHelperList($align-items, "align-items");
+	@include setHelperList($align-self, "align-self");
+	@include setHelperList($justify-content, "justify-content");
 
 	/*****************************************************
 	Filters **********************************************/
-	@include setHelperList($display-filters);
+	@include setHelperList($display-filters, "filter");
 
 	/*****************************************************
 	Text Transform Properties ****************************/
-	@include setHelperList($text-transforms);
+	@include setHelperList($text-transforms, "text-transform");
 
 	/*****************************************************
 	Overflow Properties **********************************/
 	@include setHelperList($overflow-properties);
 
 	/*****************************************************
 	Position Properties **********************************/
-	@include setHelperList($position-properties);
+	@include setHelperList($position-properties, "position");
 
 	/*****************************************************
 	Stack Order ******************************************/
 	@include setHelperListWithRange($z-indexes, $helper-z-indexes, null, "!important");
 
 	/*****************************************************
 	Direction of the flexible items **********************/
-	@include setHelperList($flex-directions);
+	@include setHelperList($flex-directions, "flex-direction");
 
 	/*****************************************************
 	User Select Properties *******************************/
-	@include setHelperList($user-selects);
+	@include setHelperList($user-selects, "user-select");
+
+	/*****************************************************
+	Insets *******************************/
+	@include setNestedHelperList($insets);
 
 	/*****************************************************
 	Line Height Properties *******************************/
 	@include setHelperListWithRange($line-heights, $helper-lh-ranges, null, "!important");
 
+	/*****************************************************
+	Border Radius ****************************************/
+	@include setHelperListWithRange($border-radius, $helper-br-ranges, "px", "!important");
+
 	/*****************************************************
 	Others ***********************************************/
 	@include otherHelpers();

src/Utilities/mixins.scss

@@ -1,30 +1,67 @@
 /***************************************************** 
 PUNICA CSS > UTILITIES : HELPERS > MIXINS ************/
 
+/**
+ *	
+ */
 @mixin setHelperListWithRange(
-	$helpers, 
-	$range, 
-	$value-type: null,
-	$specificity: null
+	$helpers, $range, $value-type: null, $specificity: null
 ) {
 	@each $class, $property in $helpers {
 		@each $value in $range {
 			.#{$class}#{$value} {
-				#{$property}: #{$value}#{$value-type} #{$specificity};
+				@include setProperties($property, $value, $value-type, $specificity);
 			}
 		}
 	}
 }
+
+/**
+ *	
+ */
 @mixin setHelperList(
-	$list, 
-	$specificity: null
+	$list, $property-name: null, $specificity: null
 ) {
-	@each $class, $property, $value in $list {
-		.#{$class} {
-			#{$property}: #{$value} #{$specificity};
+	@if $property-name {
+		@each $class, $value in $list {
+			.#{$class} {
+				@include setProperties($property-name, $value, null, $specificity);
+			}
+		}
+	} @else {
+		@each $class, $property, $value in $list {
+			.#{$class} {
+				@include setProperties($property, $value, null, $specificity);
+			}
+		}
+	}
+}
+
+/**
+ *	
+ */
+@mixin setNestedHelperList($list) {
+	@each $class-name, $values in $list {
+		@each $value in $values {
+			.#{$class-name}-#{$value} {
+				@include setProperties($class-name, $value);
+			}
 		}
 	}
 }
+
+/**
+ *	
+ */
+@mixin setProperties(
+	$property, $value, $value-type: null, $specificity: null
+) {
+	#{$property}: #{$value}#{$value-type} #{$specificity};
+}
+
+/**
+ *	
+ */
 @mixin customBackgrounds() {
 	.bg-grid {
 	    height: 100%;
@@ -40,6 +77,10 @@ PUNICA CSS > UTILITIES : HELPERS > MIXINS ************/
 	    background-size: 100% 8px;
 	}
 }
+
+/**
+ *	
+ */
 @mixin otherHelpers() {
 	.centered {margin: 0 auto;}
 	.align.right {text-align: right !important;}