Implement navigator

This commit is contained in:
2025-04-08 16:47:21 -05:00
parent 7f2dd128c3
commit 8762c9c977
11 changed files with 377 additions and 82 deletions

View File

@ -721,8 +721,49 @@ nav ul {
); /* Compensate for border thickness */
}
/* Posts list */
/* Navigator */
.navigator {
display: grid;
gap: var(--space-2xs) var(--space-2xs);
grid-template-columns: repeat(auto-fill, minmax(var(--space-6xl), 1fr));
width: 100%;
.navigatorItem {
background-color: var(--background-color);
border: 1.5px solid var(--text-color);
border-radius: var(--border-radius);
color: var(--text-color);
display: flex;
flex-flow: column wrap;
height: var(--space-3xl);
text-align: center;
a {
height: 100%;
padding: var(--space-s) var(--space-xs);
text-decoration: none;
width: 100%;
img {
filter: var(--logo-filter);
width: var(--space-m);
}
}
&:hover {
background-color: var(--text-color);
border: 1.5px solid var(--text-color);
transition: var(--transition-normal);
a {
color: var(--background-color);
transition: var(--transition-normal);
img {
filter: none;
transition: var(--transition-normal);
}
}
}
}
}
/* Posts list */
.postlist,
.links-nextprev {
container: postlist / inline-size;