new nav buttons

This commit is contained in:
isUnknown 2024-04-07 11:09:43 +02:00
parent 7e21e1ffb7
commit 92625d2fb9
11 changed files with 552 additions and 39 deletions

41
assets/css/src/nav.css Normal file
View file

@ -0,0 +1,41 @@
#entries {
position: sticky;
top: calc(var(--unit--vertical) * 8);
display: flex;
justify-content: space-between;
}
.entry-btn {
transition: all 0.5s var(--curve-sine);
}
[data-template="linear"] #entries {
transform: translateY(calc(0rem - var(--unit--vertical-relative) * 4));
}
.entry-btn--left::after,
.entry-btn--right::before {
transition: all 0.5s var(--curve-sine);
content: "+";
}
.entry-btn--left::after {
margin-left: var(--unit--horizontal);
}
.entry-btn--right::before {
margin-right: var(--unit--horizontal);
}
#entries.minimized {
color: var(--color-secondary);
}
#entries.minimized .entry-btn::before,
#entries.minimized .entry-btn::after {
font-weight: bold;
}
#entries.minimized .entry-btn--left {
margin-left: calc(-4px - var(--width));
}
#entries.minimized .entry-btn--right {
margin-right: calc(-4px - var(--width));
}