mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-03-13 08:15:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

styled table

Browse Source
This commit is contained in:
FezVrasta 2016-08-04 11:52:00 +02:00
parent 8b43b05085
commit a19bb90604
3 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
scss/_tables.scss
View File

@ -24,3 +24,28 @@
}
.table {
thead th {
font-size: $bmd-table-header-font-size;
font-weight: 500;
color: $gray;
border-top-width: 0;
border-bottom-width: $table-border-width;
}
}
thead.thead-inverse, // needs specificity
.table-inverse thead {
th {
color: $bmd-inverse-lighter;
}
}
.table-inverse {
th,
td,
thead th {
border-color: $bmd-table-border-color-inverse;
}
}

1
scss/_variables.scss
View File

@ -33,6 +33,7 @@ $bmd-label-color-inner-focus: $gray !default; // e.g. radio label or text-muted
@import "variables/bootstrap/nav";
@import "variables/bootstrap/pagination";
@import "variables/bootstrap/state";
@import "variables/bootstrap/tables";
@import "variables/bootstrap/type";
@import "variables/bootstrap/modals";

6
scss/variables/bootstrap/_tables.scss Normal file
View File

@ -0,0 +1,6 @@
$table-bg-accent: rgba(#000, .03);
$table-border-color: rgba(#000, .06);
$table-bg-hover: rgba(#000, .02); // Grey 100 (on white background)
$bmd-table-header-font-size: .95rem;
$bmd-table-border-color-inverse: rgba(#fff, .06);