Add support for links when using text color utilities (and add reference to Gist with additional text utilities)

Author: jfmdev

README.md

@@ -9,22 +9,23 @@ A CSS library that provides utility CSS classes which complement [PureCSS](https
 
 ## Installation
 
-TODO (first publish on NPM and jsdelivr)
+TODO (first publish on NPM)
 
+> https://cdn.jsdelivr.net/gh/jfmdev/purecss-utilities@main/dist/all.css
+> 
+> https://www.jsdelivr.com/documentation
 
 ## Utilities
 
 ### Texts
 
 You can set the text font size using classes `.pure-txt-xxs` / `.pure-txt-xs` / `.pure-txt-sm` / `.pure-txt-md` / `.pure-txt-lg` / `.pure-txt-xl` / `.pure-txt-xxl`.
 
-You can define the text alignment using classes `.pure-txt-center` / `.pure-txt-justify` / `.pure-txt-left` / `.pure-txt-right`.
-
 You can change the colors of texts using classes `.pure-txt-black` / `.pure-txt-blue` / `.pure-txt-cyan` / `.pure-txt-green` / `.pure-txt-magenta` / `.pure-txt-red` / `.pure-txt-white` / `.pure-txt-yellow`.
 
 Additionally, you can modify the opacity of the colors the `pure-txt-alpha-*` class, where `*` can be replaced with numbers 10, 20, 25, 30, 40, 50, 60, 70, 75, 80 or 90.
 
-TODO: Add support for links
+For additional utilities, you can use the [Utility classes for text styling](https://gist.github.com/jfmdev/855d8b20823c89fc8f196812b2d3eb39) Gist.
 
 ### Background colors
 

demo.html

@@ -13,13 +13,6 @@ <h1>PureCSS Utilities examples</h1>
 
     <h2>Text</h2>
 
-    <h3>Text alignment</h3>
-
-    <div class="pure-txt-justify">pure-txt-justify</div>
-    <div class="pure-txt-left">pure-txt-left</div>
-    <div class="pure-txt-center">pure-txt-center</div>
-    <div class="pure-txt-right">pure-txt-right</div>
-
     <h3>Text size</h3>
 
     <div class="pure-txt-xxs">pure-txt-xxs</div>
@@ -49,6 +42,17 @@ <h3>Text colors</h3>
     <div class="pure-txt-black pure-txt-alpha-75">pure-txt-black pure-txt-alpha-75</div>
     <div class="pure-txt-black pure-txt-alpha-90">pure-txt-black pure-txt-alpha-90</div>
 
+    <h3>Text links</h3>
+
+    <div><a href="#" class="pure-txt-black">pure-txt-black</a></div>
+    <div><a href="#" class="pure-txt-blue">pure-txt-blue</a></div>
+    <div><a href="#" class="pure-txt-cyan">pure-txt-cyan</a></div>
+    <div><a href="#" class="pure-txt-green">pure-txt-green</a></div>
+    <div><a href="#" class="pure-txt-magenta">pure-txt-magenta</a></div>
+    <div><a href="#" class="pure-txt-red">pure-txt-red</a></div>
+    <div><a href="#" class="pure-txt-white pure-bg-black">pure-txt-white</a></div>
+    <div><a href="#" class="pure-txt-yellow">pure-txt-yellow</a></div>
+
     <h2>Background colors</h2>
 
     <div class="pure-bg-black pure-txt-white">pure-bg-black</div>