table styling

This commit is contained in:
2020-02-26 22:36:06 +01:00
parent 6d3007267a
commit bb6b40683b

View File

@@ -2,16 +2,18 @@ body {
display: flex; display: flex;
flex-flow: column wrap; flex-flow: column wrap;
line-height: 1.5em; line-height: 1.5em;
height: 100%;
} }
main { main {
max-width: 50em; max-width: 50em;
margin: auto; margin: auto;
flex: 8 0; flex: 1;
padding: 1.5rem; padding: 1.5rem;
} }
img { img {
max-width: 100%; max-width: 100%;
} }
@@ -30,6 +32,14 @@ blockquote {
padding: 0.5em 10px; padding: 0.5em 10px;
} }
head tr th {
border-bottom: 1px solid var(--accent);
}
tr td:nth-child(1) {
border-right: 1px solid var(--accent);
}
/* Homepage */ /* Homepage */
.intro > h1 { .intro > h1 {
color: #212121; color: #212121;
@@ -115,8 +125,8 @@ a:hover {
} }
nav{ nav{
flex: 1 0 auto;
display: flex; display: flex;
border-bottom: var(--border-width) solid var(--accent);
} }
nav div { nav div {
@@ -126,14 +136,7 @@ nav a {
flex: 1 0 33%; flex: 1 0 33%;
} }
/* Colored borders at top/bottom of page */
nav{
border-bottom: var(--border-width) solid var(--accent);
}
footer { footer {
flex: 1 0 auto;
border-top: var(--border-width) solid var(--accent); border-top: var(--border-width) solid var(--accent);
} }