Satisfying
This commit is contained in:
parent
7222d1c58b
commit
d2dddbeb2a
9 changed files with 29 additions and 4 deletions
src/components/cards
|
@ -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) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue