@primer/react/lib-esm/Skeleton/SkeletonBox-248bfcc3.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/Skeleton/SkeletonBox.module.css"],"names":[],"mappings":"AAAA,sCACE,GACE,kBACF,CAEA,GACE,eACF,CACF,CAEA,gCAKE,oCAAkB,CAFlB,wDAA+C,CAC/C,gDAAwC,CAHxC,aAAc,CACd,WAiBF,CAZE,8CAPF,gCAUI,oCAAkB,CAClB,+CAA6C,CAC7C,kCAAmC,CAJnC,8DAAqE,CACrE,cAUJ,CANE,CAEA,8BAfF,gCAgBI,6BAA8B,CAC9B,mBAEJ,CADE","file":"SkeletonBox-248bfcc3.css","sourcesContent":["@keyframes shimmer {\n  from {\n    mask-position: 200%;\n  }\n\n  to {\n    mask-position: 0%;\n  }\n}\n\n.SkeletonBox {\n  display: block;\n  height: 1rem;\n  background-color: var(--skeletonLoader-bgColor);\n  border-radius: var(--borderRadius-small);\n  animation: shimmer;\n\n  @media (prefers-reduced-motion: no-preference) {\n    mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);\n    mask-size: 200%;\n    animation: shimmer;\n    animation-duration: var(--base-duration-1000);\n    animation-iteration-count: infinite;\n  }\n\n  @media (forced-colors: active) {\n    outline: 1px solid transparent;\n    outline-offset: -1px;\n  }\n}\n"]}