inherentlee/andie
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bunch of styling and filelr content as well as nav generation

Browse Source
This commit is contained in:
Lee Cattarin
2026-02-03 10:44:52 -08:00
parent 16479476a8
commit 23ebc8ae7f
6 changed files with 355 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
assets/styles/main.css
View File

@ -28,7 +28,13 @@ body {
background-color: var(--color-bg);
font-family: Verdana, sans-serif;
width: 65%;
margin: 0 auto 4rem;
margin: 0 auto;
}
@media (max-width: 1050px) {
body {
width: 85%;
}
}
@media (max-width: 650px) {
@ -44,7 +50,7 @@ h4,
h5,
h6 {
line-height: 2.5;
color: var(--color-pink);
color: var(--color-purple);
font-family: Courier, monospace;
}
@ -80,30 +86,78 @@ h3 {
img {
width: 100%;
padding: .5rem 0;
}
p {
line-height: 1.3;
p,
ul {
line-height: 1.5;
}
@media (max-width: 650px) {
p {
font-size: .8rem;
p,
ul {
font-size: .85rem;
}
}
ul {
margin: .5rem 0 .5rem 2rem;
}
li {
list-style: square;
}
li::marker {
color: var(--color-orange);
}
a {
color: var(--color-purple);
color: var(--color-pink);
transition: text-decoration-thickness .5s;
text-decoration-thickness: .15rem;
text-decoration-color: var(--color-orange);
outline-offset: .05rem;
border-radius: .1rem;
}
.float-left {
float: left;
width: 45%;
padding: .65rem 1rem .65rem 0;
@media (any-hover: hover) {
a:hover {
text-decoration-thickness: .25rem;
}
}
.float-right {
float: right;
width: 45%;
padding: .65rem 0 .65rem 1rem;
a:focus-visible {
outline: solid .15rem var(--color-orange);
text-decoration: none;
}
@media (max-width: 650px) {
a {
text-decoration-thickness: .12rem;
outline-offset: .04rem;
}
@media (any-hover: hover) {
a:hover {
text-decoration-thickness: .18rem;
}
}
a:focus-visible {
outline-width: .12rem;
}
}
.two-col {
display: grid;
grid-template-columns: auto auto;
gap: 1rem;
}
@media (max-width: 650px) {
.two-col {
grid-template-columns: auto;
}
}