crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36: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 {

15
components/ui/_BLANK/Featurebar.tsx
View File

@@ -1,15 +0,0 @@
import cn from 'classnames'
import { FC } from 'react'
import s from './Featurebar.module.css'
interface Props {
className?: string
children?: any
}
const Featurebar: FC<Props> = ({ children, className }) => {
const rootClassName = cn(s.root, className)
return <div className={rootClassName}>{children}</div>
}
export default Featurebar

1
components/ui/_BLANK/index.ts
View File

@@ -1 +0,0 @@
export { default } from './Featurebar'