alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

💄 style: use theme variable for table borders

Browse Source 
Borders looked jarring in the dark theme, as the hardcoded variable was too close to white.

Also reduces tables' top and bottom margin.
This commit is contained in:
welpo
2023-08-12 00:22:01 +02:00
parent a47a8be011
commit fffaece884
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
sass/parts/_table.scss
View File

@@ -5,23 +5,23 @@ table {
font: inherit;
overflow: hidden;
border-style: hidden !important;
margin: 2rem auto;
min-width: 13rem;
margin: 1rem auto;
border-radius: 5px;
}
table th,
table td {
padding: 6px 13px;
border: 1px solid #dfe2e5;
font-size: large;
}
th, td {
padding: 6px 13px;
border: 1px solid var(--bg-1);
font-size: large;
}
table thead tr {
background-color: var(--primary-color);
color: var(--hover-color);
}
thead tr {
background-color: var(--primary-color);
color: var(--hover-color);
}
table tbody tr:nth-child(even) {
background-color: var(--bg-0);
tbody {
tr:nth-child(even) {
background-color: var(--bg-0);
}
}
}