@primer/css/dist/stats/avatars.json

The CSS implementation of GitHub's Primer Design System

{"size":3879,"gzipSize":1020,"humanizedSize":"4KB","humanizedGzipSize":"1020B","rules":{"total":46,"size":{"graph":[8,2,2,1,2,2,2,2,2,2,2,2,1,6,3,1,1,1,3,12,1,2,1,2,1,2,1,3,6,2,2,2,2,1,1,1,2,4,6,3,2,2,2,1,6,1],"max":12,"average":2.5217391304347827},"selectorByRuleSizes":[{"selector":".AvatarStack-body .avatar","declarations":12},{"selector":".avatar","declarations":8},{"selector":".DashedConnection::before","declarations":6},{"selector":".CircleBadge","declarations":6},{"selector":".avatar.avatar-more:after,.avatar.avatar-more:before","declarations":6},{"selector":".avatar-child","declarations":6},{"selector":".AvatarStack--right .avatar","declarations":4},{"selector":".CircleBadge-icon","declarations":3},{"selector":".avatar.avatar-more","declarations":3},{"selector":".AvatarStack-body","declarations":3},{"selector":".AvatarStack","declarations":3},{"selector":".CircleBadge--large","declarations":2},{"selector":".CircleBadge--medium","declarations":2},{"selector":".CircleBadge--small","declarations":2},{"selector":":is(.AvatarStack--right .avatar.avatar-more):after","declarations":2},{"selector":":is(.AvatarStack--right .AvatarStack-body):hover .avatar","declarations":2},{"selector":".AvatarStack--right .AvatarStack-body","declarations":2},{"selector":".avatar.avatar-more:after","declarations":2},{"selector":".avatar.avatar-more:before","declarations":2},{"selector":".AvatarStack-body:hover .avatar:nth-child(n+4)","declarations":2},{"selector":":is(.AvatarStack-body .avatar):nth-child(n+4)","declarations":2},{"selector":":is(.AvatarStack-body .avatar):last-child","declarations":2},{"selector":".avatar-8","declarations":2},{"selector":".avatar-7","declarations":2},{"selector":".avatar-6","declarations":2},{"selector":".avatar-5","declarations":2},{"selector":".avatar-4","declarations":2},{"selector":".avatar-3","declarations":2},{"selector":".avatar-2","declarations":2},{"selector":".avatar-1","declarations":2},{"selector":".avatar-group-item","declarations":2},{"selector":".avatar-link","declarations":2},{"selector":".DashedConnection .CircleBadge","declarations":1},{"selector":".DashedConnection","declarations":1},{"selector":":is(.AvatarStack--right .avatar.avatar-more):before","declarations":1},{"selector":".AvatarStack--right .avatar.avatar-more","declarations":1},{"selector":":is(.AvatarStack--right .AvatarStack-body) .avatar:not(:last-child)","declarations":1},{"selector":".AvatarStack-body:hover .avatar-more","declarations":1},{"selector":".AvatarStack-body:hover .avatar","declarations":1},{"selector":":is(.AvatarStack-body .avatar) img","declarations":1},{"selector":":is(.AvatarStack-body .avatar):first-child","declarations":1},{"selector":".AvatarStack.AvatarStack--three-plus","declarations":1},{"selector":".AvatarStack.AvatarStack--two","declarations":1},{"selector":".AvatarStack .AvatarStack-body","declarations":1},{"selector":".avatar-parent-child","declarations":1},{"selector":".avatar-1,.avatar-2,.avatar-small","declarations":1}]},"selectors":{"total":49,"type":1,"class":49,"id":0,"pseudoClass":8,"pseudoElement":7,"values":[".avatar",".avatar-link",".avatar-group-item",".avatar-1",".avatar-2",".avatar-small",".avatar-1",".avatar-2",".avatar-3",".avatar-4",".avatar-5",".avatar-6",".avatar-7",".avatar-8",".avatar-parent-child",".avatar-child",".AvatarStack",".AvatarStack .AvatarStack-body",".AvatarStack.AvatarStack--two",".AvatarStack.AvatarStack--three-plus",".AvatarStack-body",".AvatarStack-body .avatar",":is(.AvatarStack-body .avatar):first-child",":is(.AvatarStack-body .avatar):last-child",":is(.AvatarStack-body .avatar) img",":is(.AvatarStack-body .avatar):nth-child(n+4)",".AvatarStack-body:hover .avatar",".AvatarStack-body:hover .avatar:nth-child(n+4)",".AvatarStack-body:hover .avatar-more",".avatar.avatar-more",".avatar.avatar-more:after",".avatar.avatar-more:before",".avatar.avatar-more:before",".avatar.avatar-more:after",".AvatarStack--right .AvatarStack-body",":is(.AvatarStack--right .AvatarStack-body):hover .avatar",":is(.AvatarStack--right .AvatarStack-body) .avatar:not(:last-child)",".AvatarStack--right .avatar.avatar-more",":is(.AvatarStack--right .avatar.avatar-more):before",":is(.AvatarStack--right .avatar.avatar-more):after",".AvatarStack--right .avatar",".CircleBadge",".CircleBadge-icon",".CircleBadge--small",".CircleBadge--medium",".CircleBadge--large",".DashedConnection",".DashedConnection::before",".DashedConnection .CircleBadge"],"specificity":{"max":50,"average":19.551020408163264}},"declarations":{"total":116,"unique":91,"uniqueToTotalRatio":0.7844827586206896,"properties":{"background-color":["var(--avatar-bgColor)","var(--color-canvas-default)","var(--bgColor-default)","var(--color-canvas-default)"],"border-radius":["var(--borderRadius-medium)","var(--borderRadius-small)","4px","100px","var(--borderRadius-small)","var(--borderRadius-small)","2px","50%"],"box-shadow":["0 0 0 1px var(--avatar-borderColor)","var(--color-avatar-child-shadow)","none","var(--color-shadow-medium)"],"display":["inline-block","inline-block","flex","flex","none","flex","none","block","flex"],"flex-shrink":["0"],"line-height":["1","1"],"overflow":["hidden"],"vertical-align":["middle"],"float":["left"],"margin-bottom":["var(--base-size-4)"],"height":["var(--base-size-16)","var(--base-size-20)","var(--base-size-24)","var(--base-size-28)","var(--base-size-32)","var(--base-size-40)","var(--base-size-48)","var(--base-size-64)","20px","20px","20px","auto","56px","96px","128px"],"width":["var(--base-size-16)","var(--base-size-20)","var(--base-size-24)","var(--base-size-28)","var(--base-size-32)","var(--base-size-40)","var(--base-size-48)","var(--base-size-64)","20px","17px","14px","5px","2px","56px","96px","128px","100%"],"position":["relative","absolute","relative","absolute","relative","absolute","relative","absolute","relative"],"right":["-15%","0"],"bottom":["-9%"],"min-width":["26px","36px","46px"],"background":["var(--bgColor-default)","var(--bgColor-muted)","var(--avatarStack-fade-bgColor-muted)","var(--avatarStack-fade-bgColor-default)","var(--avatarStack-fade-bgColor-default)","var(--bgColor-muted)"],"border-right":["var(--borderWidth-thin) solid var(--bgColor-default)","0","0"],"box-sizing":["initial"],"margin-right":["-11px","var(--base-size-4)","0","0","0"],"transition":["margin .1s ease-in-out"],"z-index":["2","3","1","1"],"opacity":["0","1"],"content":["\"\"","\"\""],"outline":["var(--borderWidth-thin) solid var(--bgColor-default)"],"flex-direction":["row-reverse"],"margin-left":["var(--base-size-4)","-11px"],"border-left":["0","var(--borderWidth-thin) solid var(--bgColor-default)"],"align-items":["center"],"justify-content":["center"],"max-width":["60%"],"max-height":["55%"],"top":["50%"],"left":["0"],"border-bottom":["2px dashed var(--color-border-default)"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}