style(refact): understanding skeleton component

[mu-hun]

ref: 87d5f33#r345821409

frontend/src/views/Skleton.tsx

Lines 3 to 20 in 87d5f33

	const SkeletonPulse = styled.div`
	display: inline-block;
	height: 100%;
	width: 100%;
	background: linear-gradient(-90deg, #f0f0f0 0%, #f8f8f8 50%, #f0f0f0 100%);
	background-size: 400% 400%;
	animation: pulse 1.2s ease-in-out infinite;
	@keyframes pulse {
	0% {
	background-position: 0% 0%;
	}
	100% {
	background-position: -135% 0%;
	}
	}
	`
	export const Skeleton = styled(SkeletonPulse)`