deepState/tabi-lean
3
0
Fork 0
forked from deepStateMirrors/tabi
Code Issues 1 Pull requests 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
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
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);
}
}
}