_sass: tables: add some hack for rendering tables

This commit is contained in:
lifehackerhansol 2024-01-13 10:24:01 -08:00
parent 1089d35c44
commit 1be6e2b32e
No known key found for this signature in database
GPG key ID: 80FB184AFC0B3B0E

View file

@ -2,13 +2,14 @@
TABLES TABLES
========================================================================== */ ========================================================================== */
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,