edpibu
/
web2.0
1
Fork 0
Code Issues Activity

Split --gap var for nav/footer and body

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;
--gap: 1rem;
--maxw: 90rem;
--lh: 1.3rem;
--bl-lh: 2rem;
--navh: calc(var(--bl-lh) + 2 * var(--gap));
--bl-gap: 1rem;
--navh: calc(var(--bl-lh) + 2 * var(--bl-gap));
}
body {
@ -59,7 +62,7 @@ h4 {font-size: 1.2rem}
h5 {font-size: 1rem}
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}
strong {font-weight: 550}
@ -84,7 +87,7 @@ nav {
}
nav > * {
height: var(--navh);
padding: var(--gap);
padding: var(--bl-gap);
padding-right: 0;
display: inline-block;
vertical-align: middle;
@ -96,7 +99,7 @@ nav a.active {
font-weight: 550;
}
nav img {
height: calc(var(--navh) - 2 * var(--gap));
height: calc(var(--navh) - 2 * var(--bl-gap));
}
ul {list-style-type: "–"}
@ -119,7 +122,7 @@ footer {
background: var(--bg-01);
grid-column: 1 / -1;
text-align: center;
padding: var(--gap);
padding: var(--bl-gap);
line-height: var(--bl-lh);
margin: calc(-1 * var(--gap));
margin-top: 0;