@primer/react/lib-esm/Avatar/Avatar-61b19061.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/Avatar/Avatar.module.css"],"names":[],"mappings":"AAAA,iCAQE,iBAAkB,CAElB,yEAA+C,CAT/C,oBAAqB,CAErB,gCAAiC,CAGjC,aAAc,CAFd,eAAgB,CAGhB,qBAAsB,CALtB,+BA+BF,CArBE,sDAEE,kGACF,CAGE,mDADF,0DAGI,+BAAgC,CADhC,8BAaJ,CAXE,CAEA,oCANF,0DAQI,gCAAiC,CADjC,+BAQJ,CANE,CAEA,sCAXF,0DAaI,6BAA8B,CAD9B,4BAGJ,CADE","file":"Avatar-61b19061.css","sourcesContent":[":where(.Avatar) {\n  display: inline-block;\n  width: var(--avatarSize-regular);\n  height: var(--avatarSize-regular);\n  overflow: hidden; /* Ensure page layout in Firefox should images fail to load */\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 1;\n  vertical-align: middle;\n  border-radius: 50%;\n  /* stylelint-disable-next-line primer/box-shadow */\n  box-shadow: 0 0 0 1px var(--avatar-borderColor);\n\n  &:where([data-square]) {\n    /* stylelint-disable-next-line primer/borders */\n    border-radius: clamp(4px, calc(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"]}