crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 12:24:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: CollapseChild add animation

Browse Source
This commit is contained in:
unknown
2021-09-07 12:25:05 +07:00
parent 510593d500
commit 9fb11a936e
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/common/CollapseCommon/CollapseChild/CollapseChild.module.scss
View File

@@ -11,6 +11,7 @@
} }
.contentContainer { .contentContainer {
@apply block; @apply block;
animation: ContentAnimation 0.5s ease-out;
} }
.toggle { .toggle {
&:before { &:before {
@@ -53,3 +54,13 @@
.contentContainer { .contentContainer {
@apply hidden pb-16; @apply hidden pb-16;
} }
@keyframes ContentAnimation {
0% {
opacity: 0;
transform: translateY(-1.6rem);
}
100% {
opacity: 1;
transform: none;
}
}