mirror of https://github.com/bigchaindb/site.git
91 lines
1.5 KiB
SCSS
91 lines
1.5 KiB
SCSS
|
|
//
|
|
// Base class
|
|
//
|
|
.table {
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
margin-top: $spacer;
|
|
margin-bottom: $spacer;
|
|
|
|
// reset body word-break
|
|
// so responsive tables can work
|
|
word-break: normal;
|
|
|
|
th,
|
|
td {
|
|
padding: $table-cell-padding;
|
|
vertical-align: top;
|
|
border-top: $table-border-width solid $table-border-color;
|
|
}
|
|
|
|
thead th {
|
|
color: $brand-main-blue-light;
|
|
font-weight: $font-weight-base;
|
|
vertical-align: bottom;
|
|
border-bottom: (2 * $table-border-width) solid $table-border-color;
|
|
}
|
|
|
|
tbody + tbody {
|
|
border-top: (2 * $table-border-width) solid $table-border-color;
|
|
}
|
|
|
|
.table {
|
|
background-color: $body-bg;
|
|
}
|
|
}
|
|
|
|
|
|
//
|
|
// Condensed table w/ half padding
|
|
//
|
|
.table-sm {
|
|
th,
|
|
td {
|
|
padding: $table-sm-cell-padding;
|
|
}
|
|
}
|
|
|
|
|
|
//
|
|
// Bordered version
|
|
//
|
|
.table-bordered {
|
|
border: $table-border-width solid $table-border-color;
|
|
|
|
th,
|
|
td {
|
|
border: $table-border-width solid $table-border-color;
|
|
}
|
|
thead {
|
|
th,
|
|
td {
|
|
border-bottom-width: (2 * $table-border-width);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
//
|
|
// Zebra-striping
|
|
//
|
|
.table-striped {
|
|
tbody tr:nth-of-type(odd) {
|
|
background-color: $table-bg-accent;
|
|
}
|
|
}
|
|
|
|
|
|
// Responsive tables
|
|
//
|
|
// Wrap your tables in `.table-responsive`
|
|
.table-responsive {
|
|
display: block;
|
|
width: 100%;
|
|
min-height: .01%;
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|