Cyper/CyBySide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Removed grid layout to make pages more dynamic
Some checks failed
Deploy Blog to Folder / deploy (push) Failing after 1s
Details

Browse Source
This commit is contained in:
Cyper
2025-07-05 01:43:05 -04:00
parent 10e48a606d
commit 369b3e6617
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
public/css/style.css
View File

@ -2,7 +2,6 @@
--navbar-height: 96px;
--footer-height: 24px;
/* Unused - just for reference */
--teal: 162, 223, 203;
--black: 25, 23, 30;
--brown: 81, 73, 65;
@ -27,23 +26,28 @@ html, body, p, h1, h2, h3, h4, h5, h6 {
}
body {
display: grid;
grid-template-rows: var(--navbar-height) calc(100% - var(--navbar-height) - var(--footer-height)) var(--footer-height);
/* display: grid;
grid-template-rows: var(--navbar-height) calc(100% - var(--navbar-height) - var(--footer-height)) var(--footer-height); */
background-color: var(--background-color);
}
body > * {
box-sizing: border-box;
}
header {
background-color: var(--header-color);
border-bottom: var(--borders);
font-variant: small-caps;
min-height: var(--navbar-height);
height: var(--navbar-height);
}
main {
padding: 1rem;
height: calc(100% - var(--navbar-height) - var(--footer-height));
}
footer {
background-color: var(--footer-color);
border-top: var(--borders);
height: var(--footer-height);
}
.container {