UNPKG

@primer/react

Version:

An implementation of GitHub's Primer Design System using React

1 lines 1.08 kB
{"version":3,"sources":["../src/Token/AvatarToken.module.css"],"names":[],"mappings":"AAAA,MACE,4CACF,CAEA,iCACE,aACF,CAEA,wBAEE,WAAY,CADZ,UAEF,CAEA,uBACE,gDACF,CAEA,0DAEE,kCAAmC,CADnC,iCAEF,CAEA,2DAEE,kCAAmC,CADnC,iCAEF,CAEA,0DAEE,kCAAmC,CADnC,iCAEF,CAEA,2DAEE,kCAAmC,CADnC,iCAEF","file":"AvatarToken-ff45cc85.css","sourcesContent":[":root {\n --spacing: calc(var(--base-size-4) * 2);\n}\n\n.AvatarContainer {\n display: block;\n}\n\n.Avatar {\n width: 100%;\n height: 100%;\n}\n\n.Token {\n padding-left: var(--base-size-4) !important;\n}\n\n.AvatarContainer:where([data-size='small']) {\n width: calc(16px - var(--spacing));\n height: calc(16px - var(--spacing));\n}\n\n.AvatarContainer:where([data-size='medium']) {\n width: calc(20px - var(--spacing));\n height: calc(20px - var(--spacing));\n}\n\n.AvatarContainer:where([data-size='large']) {\n width: calc(24px - var(--spacing));\n height: calc(24px - var(--spacing));\n}\n\n.AvatarContainer:where([data-size='xlarge']) {\n width: calc(32px - var(--spacing));\n height: calc(32px - var(--spacing));\n}\n"]}