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

Adding Search Skeleton

Browse Source
This commit is contained in:
Belen Curcio
2020-10-15 11:45:01 -03:00
parent bf1ffcace9
commit fddf85df4b
7 changed files with 63 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
components/ui/Skeleton/Skeleton.module.css
View File

@@ -1,25 +1,14 @@
.skeleton {
@apply block rounded-md;
&.loaded {
width: unset !important;
}
&:not(.wrapper):not(.show) {
display: none;
}
&::not(.wrapper):not(.loaded) {
background-image: linear-gradient(
270deg,
var(--accents-1),
var(--accents-2),
var(--accents-2),
var(--accents-1)
);
background-size: 400% 100%;
animation: loading 8s ease-in-out infinite;
}
@apply block rounded;
background-image: linear-gradient(
270deg,
var(--accents-1),
var(--accents-2),
var(--accents-2),
var(--accents-1)
);
background-size: 400% 100%;
animation: loading 8s ease-in-out infinite;
}
.wrapper {