Merge pull request #322 from dabapps/add-justify

Add justify to create-text-align and examples

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dabapps/roe",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "description": "A collection of React components, styles, mixins, and atomic CSS classes to aid with the development of web applications.",
   "main": "dist/js/index.js",
   "types": "dist/js/index.d.ts",

src/less/text-align.examples.md

@@ -26,5 +26,8 @@ Note: `text-align-left` is an alias for `xs-text-align-left`, same for `right` a
       xs-text-align-center sm-text-align-left
     </strong> - centered on mobile, and left on larger screens
   </p>
+  <p className="text-align-justify">
+    <strong>text-align-justify</strong> - I'm justified. I fill the space exactly (except on the last line), even if I have to stretch a bit at times. Content spaces out such that as many blocks fit onto one line as possible.
+  </p>
 </div>
 ```

src/less/text-align.less

@@ -20,6 +20,7 @@
   .create-text-align(@prefix, text-align-left, left, @alias);
   .create-text-align(@prefix, text-align-right, right, @alias);
   .create-text-align(@prefix, text-align-center, center, @alias);
+  .create-text-align(@prefix, text-align-justify, justify, @alias);
 }
 
 .create-text-aligns(xs, true);