style some anchor links and filter buttons

This commit is contained in:
elisejakob
2024-05-23 00:27:40 +02:00
parent 3178fcbdc4
commit a1dddb64b1
5 changed files with 80 additions and 13 deletions

View File

@ -13,7 +13,6 @@ html {
html,
body {
max-width: 100vw;
overflow-x: hidden;
}
body {
@ -191,4 +190,27 @@ input[type="text"] {
&:has(:focus-visible) {
box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px var(--color-green-dark);
}
}
.anchorLinks {
position: sticky;
top: 0;
>span {
display: block;
margin-bottom: .5rem;
}
ul {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: .5rem;
}
a {
margin-bottom: 0;
background: var(--color-goldenBeige);
color: var(--color-deepBrick);
}
}