From: Mark Otto Date: Mon, 20 Mar 2017 00:37:00 +0000 (-0700) Subject: fixes rest of #21585; adds custom styles for inverse table accent hover and active... X-Git-Tag: v4.0.0-beta~147^2~135 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d093460252c712f82ef1b52758c7f12f3110193e;p=thirdparty%2Fbootstrap.git fixes rest of #21585; adds custom styles for inverse table accent hover and active states --- 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;