_sass: tables: add some hack for rendering tables
This commit is contained in:
parent
1089d35c44
commit
1be6e2b32e
1 changed files with 13 additions and 4 deletions
|
@ -3,12 +3,13 @@
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
table {
|
table {
|
||||||
display: block;
|
display: table; /* hacks-guide change */
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-family: $global-font-family;
|
font-family: $global-font-family;
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
|
border: 1px solid $light-gray; /* hacks-guide change */
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
|
|
||||||
& + table {
|
& + table {
|
||||||
|
@ -18,18 +19,26 @@ table {
|
||||||
|
|
||||||
thead {
|
thead {
|
||||||
background-color: $border-color;
|
background-color: $border-color;
|
||||||
border-bottom: 2px solid mix(#000, $border-color, 25%);
|
/* hacks-guide change start */
|
||||||
|
// border-bottom: 2px solid mix(#000, $border-color, 25%);
|
||||||
|
border-bottom: 1px solid $light-gray;
|
||||||
|
/* hacks-guide change end */
|
||||||
}
|
}
|
||||||
|
|
||||||
th {
|
th {
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
border-right: 1px solid $light-gray; /* hacks-guide change */
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
border-bottom: 1px solid mix(#000, $border-color, 25%);
|
/* hacks-guide change start */
|
||||||
|
// border-bottom: 1px solid mix(#000, $border-color, 25%);
|
||||||
|
border-bottom: 1px solid $light-gray;
|
||||||
|
border-right: 1px solid $light-gray;
|
||||||
|
/* hacks-guide change end */
|
||||||
}
|
}
|
||||||
|
|
||||||
tr,
|
tr,
|
||||||
|
|
Loading…
Reference in a new issue