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 : #fff;
--light-dust : #f6f6f6; --light-dust : #f6f6f6;
--dust : #f1f1f1; --dust : #f1f1f1;
--medium-dust : #dadada;
--dark-dust : #bfbfbf; --dark-dust : #bfbfbf;
--fade : #878787; --fade : #878787;
--twilight : #4a4a4a; --twilight : #4a4a4a;
@ -61,6 +62,8 @@ h1, h2, h3, h4, h5, h6 {
a { a {
font-weight : 500; font-weight : 500;
color : var(--splash);
text-decoration : none;
} }
body { body {
@ -249,6 +252,25 @@ button:hover {
opacity : 1.0; 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 { form > div {
margin : 0 0 var(--double-space); margin : 0 0 var(--double-space);
} }