mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-10 19:57:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

#921 - V4 wrong text color for .table-inverse

Browse Source 
- refactored inverse colors and names
- colors may not be exact, but it's a start
This commit is contained in:
Kevin Ross 2016-03-28 16:14:36 -05:00
parent e18d47ea52
commit b0b4c19a70
6 changed files with 42 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
scss/_core.scss
View File

@ -13,6 +13,7 @@
@import "forms";
@import "input-group";
@import "list-group";
@import "tables";
@import "nav";
@import "navbar";
@import "alerts";

26
scss/_tables.scss Normal file
View File

@ -0,0 +1,26 @@
// BS4 has not yet converted the following to variables - keep an eye on it and move to variables when possible.
.thead-inverse {
th {
//color: $bmd-inverse; // #fff;
//background-color: $gray-dark;
}
}
.thead-default {
th {
//color: $gray;
//background-color: $bmd-inverse-lighter; //$gray-lighter;
}
}
.table-inverse {
color: $bmd-inverse-light; //$gray-lighter;
//background-color: $gray-dark;
//th,
//td,
//thead th {
// border-color: $gray;
//}
}

6
scss/_variables.scss
View File

@ -11,8 +11,10 @@ $gray-dark: rgba($black, 0.87) !default; // used for text color - others use g
$bmd-font-weight-base: 400;
// wondering if any of these could still be refactored out, but are definitely in use.
$bmd-text-color-inverse: rgba($white, 0.84) !default;
$bmd-text-color-inverse-light: rgba($white, 0.54) !default;
$bmd-inverse: rgba($white, 1) !default;
$bmd-inverse-light: rgba($white, 0.84) !default;
$bmd-inverse-lighter: rgba($white, 0.54) !default;
$bmd-label-color: $gray-light !default;
$bmd-label-color-inner-focus: $gray !default; // e.g. radio label or text-muted not a control-label which is primary

2
scss/plugins/_plugin-snackbarjs.scss
View File

@ -4,7 +4,7 @@
//.snackbar {
// height: 0;
// font-size: 14px;
// color: $bmd-text-color-inverse;
// color: $bmd-inverse;
// background-color: #323232;
// border-radius: $border-radius;
// transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s;

12
scss/variables/bootstrap/_nav.scss
View File

@ -22,17 +22,17 @@ $bmd-nav-tabs-active-border-color: $brand-primary !default;
$bmd-nav-tabs-disabled-link-color: $nav-disabled-link-color !default;
$bmd-nav-tabs-disabled-link-color-hover: $nav-disabled-link-hover-color !default;
$bmd-nav-tabs-primary-color: $bmd-text-color-inverse !default;
$bmd-nav-tabs-primary-color: $bmd-inverse !default;
$bmd-nav-tabs-primary-active-color: #fff !default;
$bmd-nav-tabs-primary-active-border-color: #fff !default;
$bmd-nav-tabs-primary-disabled-link-color: $bmd-text-color-inverse-light !default;
$bmd-nav-tabs-primary-disabled-link-color-hover: $bmd-text-color-inverse-light !default;
$bmd-nav-tabs-primary-disabled-link-color: $bmd-inverse-light !default;
$bmd-nav-tabs-primary-disabled-link-color-hover: $bmd-inverse-light !default;
$bmd-nav-tabs-inverse-color: $bmd-text-color-inverse !default;
$bmd-nav-tabs-inverse-color: $bmd-inverse !default;
$bmd-nav-tabs-inverse-active-color: #fff !default;
$bmd-nav-tabs-inverse-active-border-color: #fff !default;
$bmd-nav-tabs-inverse-disabled-link-color: $bmd-text-color-inverse-light !default;
$bmd-nav-tabs-inverse-disabled-link-color-hover: $bmd-text-color-inverse-light !default;
$bmd-nav-tabs-inverse-disabled-link-color: $bmd-inverse-light !default;
$bmd-nav-tabs-inverse-disabled-link-color-hover: $bmd-inverse-light !default;
//$nav-item-margin: .2rem !default;

8
scss/variables/bootstrap/_state.scss
View File

@ -1,15 +1,15 @@
// Form states and alerts
//
// Define colors for form feedback states and, by default, alerts.
$state-success-text: $bmd-text-color-inverse !default;
$state-success-text: $bmd-inverse !default;
$state-success-bg: $brand-success !default;
$state-info-text: $bmd-text-color-inverse !default;
$state-info-text: $bmd-inverse !default;
$state-info-bg: $brand-info !default;
$state-warning-text: $bmd-text-color-inverse !default;
$state-warning-text: $bmd-inverse !default;
$state-warning-bg: $brand-warning !default;
$state-danger-text: $bmd-text-color-inverse !default;
$state-danger-text: $bmd-inverse !default;
$state-danger-bg: $brand-danger !default;