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

Skeleton Component

Browse Source
This commit is contained in:
Belen Curcio
2020-10-15 11:10:07 -03:00
parent 3b7b71422c
commit bf1ffcace9
9 changed files with 163 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
components/ui/LoadingDots/LoadingDots.module.css
View File

@@ -1,16 +1,4 @@
@keyframes blink {
0% {
opacity: 0.2;
}
20% {
opacity: 1;
}
100% {
opacity: 0.2;
}
}
.loading {
.root {
@apply inline-flex text-center items-center leading-7;
& span {
@@ -30,3 +18,15 @@
}
}
}
@keyframes blink {
0% {
opacity: 0.2;
}
20% {
opacity: 1;
}
100% {
opacity: 0.2;
}
}

2
components/ui/LoadingDots/LoadingDots.tsx
View File

@@ -2,7 +2,7 @@ import s from './LoadingDots.module.css'
const LoadingDots: React.FC = () => {
return (
<span className={s.loading}>
<span className={s.root}>
<span />
<span />
<span />