webfussel/propapier
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add: collapsing and deletion animation

Browse source 
Added collapsable cards and animation for deletion and card footer
This commit is contained in:
Fiona Lena Urban 2025-02-24 21:38:45 +01:00
parent c99c243dfc
commit 7c46be6227
6 changed files with 121 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

17
app/assets/styles/button.css
View file

@ -1,5 +1,9 @@
.Button {
--padding: .2rem;
--background: var(--color-main);
--color: var(--color-white);
--background-hover: var(--color-main-dark);
display: flex;
justify-content: center;
align-items: center;
@ -9,19 +13,26 @@
outline: none;
border: none;
background: transparent;
color: var(--color);
&.cta {
background: var(--color-main);
color: var(--color-white);
background: var(--background);
color: var(--color);
padding: .5rem 1.5rem;
border-radius: var(--radius-default);
box-shadow: var(--box-shadow-z2);
&:hover {
background: var(--color-main-dark);
background: var(--background-hover);
}
}
&.cta.white {
--background: var(--color-white);
--color: var(--color-main);
--background-hover: var(--color-grey);
}
&.icon-button {
display: flex;
padding: var(--padding);