edpibu/web2.0
1
Fork 0
Code Issues Activity

Split --gap var for nav/footer and body

Browse source
This commit is contained in:
Edgar P. Burkhart 2022-05-08 09:53:43 +02:00
parent b4a7562956
commit 416c5ee7f0
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/static/css/main.css
View file

@ -19,8 +19,11 @@
--colw: 20rem; --colw: 20rem;
--gap: 1rem; --gap: 1rem;
--maxw: 90rem; --maxw: 90rem;
--lh: 1.3rem;
--bl-lh: 2rem; --bl-lh: 2rem;
--navh: calc(var(--bl-lh) + 2 * var(--gap)); --bl-gap: 1rem;
--navh: calc(var(--bl-lh) + 2 * var(--bl-gap));
} }
body { body {
@ -59,7 +62,7 @@ h4 {font-size: 1.2rem}
h5 {font-size: 1rem} h5 {font-size: 1rem}
h6 {font-size: .8rem} h6 {font-size: .8rem}
p, ul, ol, dl {line-height: 1.3rem} p, ul, ol, dl {line-height: var(--lh)}
em {font-variation-settings: 'slnt' -5} em {font-variation-settings: 'slnt' -5}
strong {font-weight: 550} strong {font-weight: 550}
@ -84,7 +87,7 @@ nav {
} }
nav > * { nav > * {
height: var(--navh); height: var(--navh);
padding: var(--gap); padding: var(--bl-gap);
padding-right: 0; padding-right: 0;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
@ -96,7 +99,7 @@ nav a.active {
font-weight: 550; font-weight: 550;
} }
nav img { nav img {
height: calc(var(--navh) - 2 * var(--gap)); height: calc(var(--navh) - 2 * var(--bl-gap));
} }
ul {list-style-type: "–"} ul {list-style-type: "–"}
@ -119,7 +122,7 @@ footer {
background: var(--bg-01); background: var(--bg-01);
grid-column: 1 / -1; grid-column: 1 / -1;
text-align: center; text-align: center;
padding: var(--gap); padding: var(--bl-gap);
line-height: var(--bl-lh); line-height: var(--bl-lh);
margin: calc(-1 * var(--gap)); margin: calc(-1 * var(--gap));
margin-top: 0; margin-top: 0;