N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

_sass: tables: add some hack for rendering tables

Browse source
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
1 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
_sass/minimal-mistakes/_tables.scss
View file

@ -2,13 +2,14 @@
TABLES
========================================================================== */
table {
display: block;
table {
display: table; /* hacks-guide change */
margin-bottom: 1em;
width: 100%;
font-family: $global-font-family;
font-size: $type-size-6;
border-collapse: collapse;
border: 1px solid $light-gray; /* hacks-guide change */
overflow-x: auto;
& + table {
@ -18,18 +19,26 @@ table {
thead {
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 {
padding: 0.5em;
font-weight: bold;
text-align: left;
border-right: 1px solid $light-gray; /* hacks-guide change */
}
td {
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,