UNPKG

@primer/react

Version:

An implementation of GitHub's Primer Design System using React

github.com/primer/react

primer/react

1 lines • 1.29 kB
1
{"version":3,"sources":["../src/SkeletonAvatar/SkeletonAvatar.module.css"],"names":[],"mappings":"AACE,gFAME,iBAAkB,CALlB,oBAAqB,CAErB,gCAAiC,CAEjC,aAAc,CAHd,+BAKF,CAEA,8DAEE,4FACF,CAGE,mDADF,kEAGI,+BAAgC,CADhC,8BAaJ,CAXE,CAEA,oCANF,kEAQI,gCAAiC,CADjC,+BAQJ,CANE,CAEA,sCAXF,kEAaI,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"]}