[Suggestion] Add responsive helpers to text-align helpers (#985)

* add responsive helpers to text-align helpers

* better generation of classes

* better naming

sass/base/helpers.sass

@@ -44,14 +44,38 @@
     .is-size-#{$i}-fullhd
       font-size: $size !important
 
-.has-text-centered
+$alignments: ('centered': 'center', 'left': 'left', 'right': 'right')
-  text-align: center !important
 
-.has-text-left
+@each $alignment, $text-align in $alignments
-  text-align: left !important
+  .has-text-#{$alignment}
-
+    text-align: #{$text-align} !important
-.has-text-right
+  +mobile
-  text-align: right !important
+    .has-text-#{$alignment}-mobile
+      text-align: #{$text-align} !important
+  +tablet
+    .has-text-#{$alignment}-tablet
+      text-align: #{$text-align} !important
+  +tablet-only
+    .has-text-#{$alignment}-tablet-only
+      text-align: #{$text-align} !important
+  +touch
+    .has-text-#{$alignment}-touch
+      text-align: #{$text-align} !important
+  +desktop
+    .has-text-#{$alignment}-desktop
+      text-align: #{$text-align} !important
+  +desktop-only
+    .has-text-#{$alignment}-desktop-only
+      text-align: #{$text-align} !important
+  +widescreen
+    .has-text-#{$alignment}-widescreen
+      text-align: #{$text-align} !important
+  +widescreen-only
+    .has-text-#{$alignment}-widescreen-only
+      text-align: #{$text-align} !important
+  +fullhd
+    .has-text-#{$alignment}-fullhd
+      text-align: #{$text-align} !important
 
 .is-capitalized
   text-transform: capitalize !important