Satisfying

This commit is contained in:
Firq 2024-10-29 22:17:38 +01:00
parent 7222d1c58b
commit d2dddbeb2a
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
9 changed files with 29 additions and 4 deletions
src/components/cards

View file

@ -57,6 +57,9 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
</a>
<style>
* {
transition: all var(--a-time-default) var(--a-animation-1);
}
a {
text-decoration: none;
display: flex;
@ -141,7 +144,7 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
align-items: top;
justify-content: space-evenly;
background-color: var(--c-primary-background);
border: 2px var(--c-accent-1) solid;
border: 2px var(--c-primary-background) solid;
border-top: 0px;
z-index: 99;
transform: scaleY(0);
@ -168,8 +171,9 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
a:hover .expand-on-hover {
transform: scaleY(1);
transition: transform var(--a-time-default) var(--a-animation-1);
transition: all var(--a-time-default) var(--a-animation-1);
background-color: var(--c-primary-background);
border-color: var(--c-accent-1);
}
@media (min-width: 512px) {