paper: fade effect for table-hover

Used the same `.transition()` that other elements use, like .btn’s,
for `.table-hover` row hover state and support with contextual classes.
Simply added the transition for both .less and .scss then ran `grunt
swatch:paper`. Closes #444

1 files changed, 11 insertions, 3 deletions

diff --git a/paper/_bootswatch.scss b/paper/_bootswatch.scss
index e7bd9933..b81e424e 100644
--- a/paper/_bootswatch.scss
+++ b/paper/_bootswatch.scss
@@ -124,6 +124,14 @@ a {
 
 // Tables =====================================================================
 
+.table-hover {
+  > tbody > tr:hover,
+  > tbody > tr:hover > th,
+  > tbody > tr:hover > td {
+    @include transition(all 0.2s);
+  }
+}
+
 // Forms ======================================================================
 
 label {
@@ -488,18 +496,18 @@ input[type="checkbox"],
         background-color: lighten($progress-bar-bg, 35%);
       }
     }
-    
+
     &-success:last-child.progress-bar:before {
       background-color: lighten($brand-success, 35%);
     }
-    
+
     &-info:last-child.progress-bar:before {
       background-color: lighten($brand-info, 45%);
     }
     &-warning:last-child.progress-bar:before {
       background-color: lighten($brand-warning, 35%);
     }
-    
+
     &-danger:last-child.progress-bar:before {
       background-color: lighten($brand-danger, 25%);
     }