ella/elladunbar.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add sticky footer

Browse source
This commit is contained in:
Ella Dunbar 2025-11-06 18:57:38 -06:00
parent e5ca253838
commit 35ac0d3bd8
4 changed files with 24 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

22
full/style.css
View file

@ -101,8 +101,15 @@ html:has(option[value="aristocratic"]:checked) {
/* structural */
body {
background: var(--color-background);
margin: 0 auto;
max-width: max(768px, 80ch);
.drop-shadow {
display: flex;
flex-direction: column;
min-height: 100vh;
}
}
html {
@ -116,7 +123,7 @@ html {
Helvetica,
Arial,
sans-serif;
/* respect user font choices */
/* respect user font size */
font-size: 100%;
font-weight: 400;
color: var(--color-text);
@ -133,13 +140,15 @@ header {
}
label {
font-size: 0.8rem;
display: block;
margin: 0.5rem;
font-size: 0.9rem;
}
}
footer {
background: var(--color-header-footer);
font-size: 0.8rem;
font-size: 0.9rem;
p {
margin: 0.5rem;
@ -148,7 +157,10 @@ footer {
main {
background: var(--color-main);
padding: 1rem;
flex: 1;
}
nav {
@ -176,10 +188,6 @@ p {
/* hypertextual */
/* listing */
/* forms */
label {
margin: 0.5rem;
}
/* basic table */
/* image */
/* presentation */