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:
parent
aed28a8a53
commit
6e9c5204cf
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue