From d642b406eb9307301697fd174e6f85e646148ce1 Mon Sep 17 00:00:00 2001 From: Ryan Panning Date: Fri, 24 Apr 2015 16:03:22 -0500 Subject: paper: fade effect for table-hover MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- paper/_bootswatch.scss | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'paper/_bootswatch.scss') 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%); } -- cgit v1.2.3