Minimal CSS for tables (#26)

Reviewed-on: #26
Co-authored-by: Halfdan Mouritzen <halfdan@robothangarskib.dk>
Co-committed-by: Halfdan Mouritzen <halfdan@robothangarskib.dk>
This commit is contained in:
Halfdan Mouritzen 2024-01-14 11:10:55 +00:00 committed by Víðir Valberg Guðmundsson
parent aed28a8a53
commit 6e9c5204cf

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);
}