Minimal CSS for tables

This commit is contained in:
Halfdan Mouritzen 2024-01-13 22:14:23 +01:00
parent 33f5e7a285
commit 02907a7684

View file

@ -28,6 +28,7 @@ p, h1, h2, h3, h4, h5, h6 {
--light : #fff;
--light-dust : #f6f6f6;
--dust : #f1f1f1;
--medium-dust : #dadada;
--dark-dust : #bfbfbf;
--fade : #878787;
--twilight : #4a4a4a;
@ -61,6 +62,8 @@ h1, h2, h3, h4, h5, h6 {
a {
font-weight : 500;
color : var(--splash);
text-decoration : none;
}
body {
@ -249,6 +252,25 @@ button:hover {
opacity : 1.0;
}
article table {
width : 100%;
border-spacing : 0;
margin : var(--space) 0;
}
article table thead th {
text-align : left;
}
article table tbody tr:nth-child(odd) {
background : var(--medium-dust);
}
article table thead th,
article table tbody td {
padding : var(--half-space);
}
form > div {
margin : 0 0 var(--double-space);
}