alpixel
diff --git a/‎CHANGELOG.md
Lines changed: 4 additions & 0 deletions b/‎CHANGELOG.md
Lines changed: 4 additions & 0 deletions
diff --git a/‎chuckcss/core/generator.less
Lines changed: 60 additions & 1 deletion b/‎chuckcss/core/generator.less
Lines changed: 60 additions & 1 deletion
diff --git a/‎chuckcss/core/helpers.less
Lines changed: 0 additions & 29 deletions b/‎chuckcss/core/helpers.less
Lines changed: 0 additions & 29 deletions
@@ -1,5 +1,9 @@
 # ChuckCSS Changelog
 
+## 3.3.1
+* Added : 
+    * Responsive texts aligments : class `cc-txt-{aligment}-{breakpoint}` (mobile-first respected)
+    * Responsive padding and margin for block elements are completed : class `cc-pa-{breakpoint}`, `cc-ma-{breakpoint}`, `cc-pa{side}-{breakpoint}`, `cc-ma{side}-{breakpoint}` (mobile-first respected)
 
 ## 3.3.0
 * Changed : changed default font-size for titles (Hn) in settings file (now in `rem` units)
 
@@ -10,6 +10,7 @@
     ._generatePercentWidth
     ._generateFontSize
     ._generateFontWeight
+    ._generateTextsAligments
 */
 
 /* *****
@@ -317,6 +318,21 @@
 ._generatePaddingMarginClass(@breakpoint:~'',@iterator:0) when(@iterator <= 100) {
 
     .cc {
+        &-pa@{breakpoint} {
+            padding:@helper-pa;
+        }
+        &-pat@{breakpoint} {
+            padding-top:@helper-pat;
+        }
+        &-par@{breakpoint} {
+            padding-right:@helper-par;
+        }
+        &-pab@{breakpoint} {
+            padding-bottom:@helper-pab;
+        }
+        &-pal@{breakpoint} {
+            padding-left:@helper-pal;
+        }
         &-pa-@{iterator}@{breakpoint} {
             padding:unit(@iterator,px);
         }
@@ -332,6 +348,21 @@
         &-pal-@{iterator}@{breakpoint} {
             padding-left:unit(@iterator,px);
         }
+        &-ma@{breakpoint} {
+            margin:@helper-ma;
+        }
+        &-mat@{breakpoint} {
+            margin-top:@helper-mat;
+        }
+        &-mar@{breakpoint} {
+            margin-right:@helper-mar;
+        }
+        &-mab@{breakpoint} {
+            margin-bottom:@helper-mab;
+        }
+        &-mal@{breakpoint} {
+            margin-left:@helper-mal;
+        }
         &-ma-@{iterator}@{breakpoint} {
             margin:unit(@iterator,px);
         }
@@ -445,4 +476,32 @@
 ._media-xs-up({._generateFontWeight(-s);});
 ._media-s-up({._generateFontWeight(-m);});
 ._media-m-up({._generateFontWeight(-l);});
-._media-l-up({._generateFontWeight(-xl);});
+._media-l-up({._generateFontWeight(-xl);});
+
+
+
+/* *****
+    @name : ._generateTextsAligments
+    @description : Generate texts aligments
+***** */
+._generateTextsAligments(@breakpoint:~'') {
+    .cc {
+        &-txt-center@{breakpoint} {
+            text-align: center;
+        }
+        &-txt-left@{breakpoint} {
+            text-align: left;
+        }
+        &-txt-right@{breakpoint} {
+            text-align: right;
+        }
+        &-txt-justify@{breakpoint} {
+            text-align: justify;
+        }
+    }
+}
+._generateTextsAligments; // Launch _generateFontWeight
+._media-xs-up({._generateTextsAligments(-s);});
+._media-s-up({._generateTextsAligments(-m);});
+._media-m-up({._generateTextsAligments(-l);});
+._media-l-up({._generateTextsAligments(-xl);});
@@ -12,35 +12,6 @@
         margin-right:auto;
     }
 
-    // Texts
-    &-txt {
-        &-left {text-align:left;}
-        &-center {text-align:center;}
-        &-right {text-align:right;}
-        &-justify {text-align:justify;}
-
-        // /!\ colors and bg-colors are generated in generators.less file
-        // /!\ paddings and margins are generated in generators.less file
-    }
-
-    // Paddings
-    &-pa {
-        padding:@helper-pa;
-        &t {padding-top:@helper-pat;}
-        &r {padding-right:@helper-par;}
-        &b {padding-bottom:@helper-pab;}
-        &l {padding-left:@helper-pal;}
-    }
-
-    // Margins
-    &-ma {
-        margin:@helper-ma;
-        &t {margin-top:@helper-mat;}
-        &r {margin-right:@helper-mar;}
-        &b {margin-bottom:@helper-mab;}
-        &l {margin-left:@helper-mal;}
-    }
-
 
 
     // Hidden elements on devices only