Add glow class

Kriesse · Dec 7, 2016 · bf83f28 · bf83f28
1 parent 872378e
commit bf83f28
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/_hovers.css b/src/_hovers.css
@@ -4,6 +4,7 @@
   Docs: http://tachyons.io/docs/themes/hovers/
 
     - Dim
+    - Glow
     - Hide Child
     - Underline text
     - Grow
@@ -30,6 +31,20 @@
   opacity: .8; transition: opacity .15s ease-out;
 }
 
+/*
+
+  Animate opacity to 100% on hover by adding the glow class.
+
+*/
+.glow {
+  transition: opacity .15s ease-in;
+}
+.glow:hover,
+.glow:focus {
+  opacity: 1;
+  transition: opacity .15s ease-in;
+}
+
 /*
 
   Hide child & reveal on hover:
@@ -121,7 +136,7 @@
 }
 
 /* Combine with classes in skins and skins-pseudo for 
- * thousands of different transition possibilities. */
+ * many different transition possibilities. */
 
 .bg-animate,
 .bg-animate:hover,