styled table

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

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;
}
}

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";

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);