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