@primer/react/lib/experimental/Skeleton/SkeletonAvatar-e00fff32.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../../src/experimental/Skeleton/SkeletonAvatar.module.css"],"names":[],"mappings":"AACE,0EAME,iBAAkB,CALlB,oBAAqB,CAErB,gCAAiC,CAEjC,aAAc,CAHd,+BAKF,CAEA,wDAEE,4FACF,CAGE,mDADF,4DAGI,+BAAgC,CADhC,8BAaJ,CAXE,CAEA,oCANF,4DAQI,gCAAiC,CADjC,+BAQJ,CANE,CAEA,sCAXF,4DAaI,6BAA8B,CAD9B,4BAGJ,CADE","file":"SkeletonAvatar-e00fff32.css","sourcesContent":[".SkeletonAvatar {\n  &:where([data-component='SkeletonAvatar']) {\n    display: inline-block;\n    width: var(--avatarSize-regular);\n    height: var(--avatarSize-regular);\n    /* stylelint-disable-next-line primer/typography */\n    line-height: 1;\n    border-radius: 50%;\n  }\n\n  &:where([data-square]) {\n    /* stylelint-disable-next-line primer/borders */\n    border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));\n  }\n\n  &:where([data-responsive]) {\n    @media screen and (--viewportRange-narrow) {\n      width: var(--avatarSize-narrow);\n      height: var(--avatarSize-narrow);\n    }\n\n    @media screen and (--viewportRange-regular) {\n      width: var(--avatarSize-regular);\n      height: var(--avatarSize-regular);\n    }\n\n    @media screen and (--viewportRange-wide) {\n      width: var(--avatarSize-wide);\n      height: var(--avatarSize-wide);\n    }\n  }\n}\n"]}