inherentlee/leecat.art
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

all but posts omg

Browse Source
This commit is contained in:
Lee Cattarin
2026-02-19 12:07:10 -08:00
parent 1913d9c46e
commit 96049f57ee
40 changed files with 1030 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
css/nav.css
View File

@ -10,7 +10,8 @@ header {
/* Header links, pagination links */
header a,
.pagination a {
.pagination a,
.webring ul a {
border-radius: 1rem;
border: .125rem solid var(--color-pink);
color: var(--color-pink);
@ -26,16 +27,21 @@ header a,
}
header a,
.pagination .older a {
.pagination .older a,
.webring .prev a,
.webring .rand a {
padding-right: .35rem;
}
.pagination .newer a {
.pagination .newer a,
.webring .next a,
.webring .rand a {
padding-left: .35rem;
}
header a:focus-visible,
.pagination a:focus-visible {
.pagination a:focus-visible,
.webring ul a:focus-visible {
color: var(--color-bg);
border-color: var(--color-pink);
background-color: var(--color-pink);
@ -44,7 +50,8 @@ header a:focus-visible,
@media (any-hover: hover) {
header a:hover,
.pagination a:hover {
.pagination a:hover,
.webring ul a:hover {
color: var(--color-bg);
border-color: var(--color-pink);
background-color: var(--color-pink);
@ -53,14 +60,16 @@ header a:focus-visible,
@media (forced-colors: active) {
header a:focus-visible,
.pagination a:focus-visible {
.pagination a:focus-visible,
.webring ul a:focus-visible {
outline-offset: .125rem;
outline: .125rem solid;
}
@media (any-hover: hover) {
header a:hover,
.pagination a:hover {
.pagination a:hover,
.webring ul a:hover {
outline-offset: .125rem;
outline: .125rem solid;
}
@ -69,7 +78,8 @@ header a:focus-visible,
/* Click animation */
header a:active,
.pagination a:active {
.pagination a:active,
.webring ul a:active {
top: .1rem;
left: .1rem;
box-shadow: .05rem .05rem var(--color-shadow);
@ -97,28 +107,40 @@ header a[aria-current="page"]:focus-visible {
/* Header link icons, pagination icons */
header i,
.pagination i {
.pagination i,
.webring ul i {
color: var(--color-teal);
}
header i {
header i,
.pagination .older i,
.webring .prev i,
.webring .rand i:nth-child(1) {
padding-left: .25rem;
}
.pagination .newer i,
.webring .next i,
.webring .rand i:nth-child(2) {
padding-right: .25rem;
}
header a[aria-current="page"] i {
color: var(--color-pink);
}
header a:focus-visible i,
a[aria-current="page"] a:focus-visible i,
.pagination a:focus-visible :in-range {
.pagination a:focus-visible i,
.webring ul a:focus-visible i {
color: var(--color-bg);
}
@media (any-hover: hover) {
header a:hover i,
header a[aria-current="page"]:hover i,
.pagination a:hover i {
.pagination a:hover i,
.webring ul a:hover i {
color: var(--color-bg);
}
}
@ -236,3 +258,21 @@ footer a:focus-visible {
grid-area: newer;
text-align: right;
}
/* webring navigation */
.webring {
margin-bottom: 3rem;
}
.webring ul {
display: flex;
flex-flow: row wrap;
list-style: none;
justify-content: space-around;
gap: .35rem;
}
.webring ul,
.webring li {
margin-left: 0;
}