From d093460252c712f82ef1b52758c7f12f3110193e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 Mar 2017 17:37:00 -0700 Subject: [PATCH] fixes rest of #21585; adds custom styles for inverse table accent hover and active states --- scss/_tables.scss | 14 ++++++++++++++ scss/_variables.scss | 3 +++ 2 files changed, 17 insertions(+) diff --git a/scss/_tables.scss b/scss/_tables.scss index cf0ca171ae..f041f6094f 100644 --- a/scss/_tables.scss +++ b/scss/_tables.scss @@ -131,6 +131,20 @@ &.table-bordered { border: 0; } + + &.table-striped { + tbody tr:nth-of-type(odd) { + background-color: $table-inverse-bg-accent; + } + } + + &.table-hover { + tbody tr { + @include hover { + background-color: $table-inverse-bg-hover; + } + } + } } diff --git a/scss/_variables.scss b/scss/_variables.scss index 54bf91c1e6..69eb4017b1 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -327,6 +327,9 @@ $table-head-bg: $gray-lighter !default; $table-head-color: $gray !default; $table-inverse-bg: $gray-dark !default; +$table-inverse-bg-accent: rgba($white, .05) !default; +$table-inverse-bg-hover: rgba($white, .075) !default; +$table-inverse-bg-active: $table-inverse-bg-hover !default; $table-inverse-border: lighten($gray-dark, 7.5%) !default; $table-inverse-color: $body-bg !default; -- 2.47.2