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

The CSS implementation of GitHub's Primer Design System

{"size":4405,"gzipSize":787,"humanizedSize":"4KB","humanizedGzipSize":"787B","rules":{"total":30,"size":{"graph":[2,8,4,4,4,1,2,2,2,2,2,1,2,2,1,4,1,1,2,2,2,2,1,1,1,1,5,6,1,1],"max":8,"average":2.3333333333333335},"selectorByRuleSizes":[{"selector":".Popover-message","declarations":8},{"selector":".Popover-message","declarations":6},{"selector":".Popover","declarations":5},{"selector":":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after,:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before","declarations":4},{"selector":".Popover-message:after","declarations":4},{"selector":".Popover-message:before","declarations":4},{"selector":".Popover-message:after,.Popover-message:before","declarations":4},{"selector":":is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after","declarations":2},{"selector":":is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before","declarations":2},{"selector":":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):after","declarations":2},{"selector":":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):before","declarations":2},{"selector":":is(.Popover-message--top-left,.Popover-message--bottom-left):after,:is(.Popover-message--top-left,.Popover-message--bottom-left):before","declarations":2},{"selector":".Popover-message--bottom-left,.Popover-message--top-left","declarations":2},{"selector":":is(.Popover-message--top-right,.Popover-message--bottom-right):after,:is(.Popover-message--top-right,.Popover-message--bottom-right):before","declarations":2},{"selector":".Popover-message--bottom-right,.Popover-message--top-right","declarations":2},{"selector":":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after","declarations":2},{"selector":":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before","declarations":2},{"selector":":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after,:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before","declarations":2},{"selector":".Popover","declarations":2},{"selector":".Popover-message:after,.Popover-message:before","declarations":1},{"selector":".Popover-message>.btn-octicon","declarations":1},{"selector":".Popover-message--large","declarations":1},{"selector":":is(.Popover-message--right-bottom,.Popover-message--left-bottom):after,:is(.Popover-message--right-bottom,.Popover-message--left-bottom):before","declarations":1},{"selector":":is(.Popover-message--right-bottom,.Popover-message--left-bottom):after,:is(.Popover-message--right-bottom,.Popover-message--left-bottom):before","declarations":1},{"selector":":is(.Popover-message--right-top,.Popover-message--left-top):after,:is(.Popover-message--right-top,.Popover-message--left-top):before","declarations":1},{"selector":":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after","declarations":1},{"selector":":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before","declarations":1},{"selector":":is(.Popover-message--top-left,.Popover-message--bottom-left):after","declarations":1},{"selector":":is(.Popover-message--top-right,.Popover-message--bottom-right):after,:is(.Popover-message--top-right,.Popover-message--bottom-right):before","declarations":1},{"selector":".Popover-message--no-caret:after,.Popover-message--no-caret:before","declarations":1}]},"selectors":{"total":43,"type":0,"class":43,"id":0,"pseudoClass":0,"pseudoElement":33,"values":[".Popover",".Popover-message",".Popover-message:after",".Popover-message:before",".Popover-message:before",".Popover-message:after",".Popover-message--no-caret:after",".Popover-message--no-caret:before",":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after",":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before",":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before",":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after",".Popover-message--bottom-right",".Popover-message--top-right",":is(.Popover-message--top-right,.Popover-message--bottom-right):after",":is(.Popover-message--top-right,.Popover-message--bottom-right):before",":is(.Popover-message--top-right,.Popover-message--bottom-right):after",":is(.Popover-message--top-right,.Popover-message--bottom-right):before",".Popover-message--bottom-left",".Popover-message--top-left",":is(.Popover-message--top-left,.Popover-message--bottom-left):after",":is(.Popover-message--top-left,.Popover-message--bottom-left):before",":is(.Popover-message--top-left,.Popover-message--bottom-left):after",":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after",":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before",":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before",":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after",":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):before",":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):after",":is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before",":is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after",":is(.Popover-message--right-top,.Popover-message--left-top):after",":is(.Popover-message--right-top,.Popover-message--left-top):before",":is(.Popover-message--right-bottom,.Popover-message--left-bottom):after",":is(.Popover-message--right-bottom,.Popover-message--left-bottom):before",":is(.Popover-message--right-bottom,.Popover-message--left-bottom):after",":is(.Popover-message--right-bottom,.Popover-message--left-bottom):before",".Popover-message--large",".Popover",".Popover-message",".Popover-message>.btn-octicon",".Popover-message:after",".Popover-message:before"],"specificity":{"max":20,"average":16.232558139534884}},"declarations":{"total":70,"unique":58,"uniqueToTotalRatio":0.8285714285714286,"properties":{"position":["absolute","relative","absolute","fixed"],"z-index":["100"],"background-color":["var(--overlay-bgColor)"],"border":["var(--borderWidth-thin) solid var(--borderColor-default)","8px solid rgba(0,0,0,0)","7px solid rgba(0,0,0,0)"],"border-radius":["var(--borderRadius-medium)"],"box-shadow":["var(--color-shadow-large)"],"margin-left":["auto","-9px","-8px","0","0","0","0"],"margin-right":["auto","0"],"width":["232px","auto"],"content":["\"\""],"display":["inline-block","none","none"],"left":["50%","auto","-9px","var(--base-size-24)","var(--base-size-24)","auto","-16px","-14px","0","auto"],"border-bottom":["8px solid var(--borderColor-default)","7px solid var(--overlay-bgColor)"],"top":["-16px","-14px","auto","50%","var(--base-size-24)","auto","auto","auto"],"border-bottom-color":["rgba(0,0,0,0)","rgba(0,0,0,0)"],"border-top-color":["var(--borderColor-default)","var(--overlay-bgColor)"],"bottom":["-16px","-14px","var(--base-size-16)","0","auto"],"right":["-9px","var(--base-size-20)","-16px","-14px","0","auto"],"margin-top":["-9px","-8px"],"border-left-color":["var(--borderColor-default)","var(--overlay-bgColor)"],"border-right-color":["var(--borderColor-default)","var(--overlay-bgColor)"],"min-width":["320px"],"margin":["var(--stack-gap-condensed)"],"padding":["var(--control-medium-paddingInline-normal)"]}},"mediaQueries":{"total":2,"unique":2,"values":["(min-width: 544px)","(max-width: 767.98px)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".Popover-message--large","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".Popover-message--large"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"min-width":["320px"]}}},{"value":"(max-width: 767.98px)","rules":{"total":4,"size":{"graph":[5,6,1,1],"max":6,"average":3.25},"selectorByRuleSizes":[{"selector":",.Popover-message","declarations":6},{"selector":".Popover","declarations":5},{"selector":",.Popover-message:after,.Popover-message:before","declarations":1},{"selector":",.Popover-message>.btn-octicon","declarations":1}]},"selectors":{"total":5,"type":0,"class":5,"id":0,"pseudoClass":0,"pseudoElement":2,"values":[".Popover",".Popover-message",".Popover-message>.btn-octicon",".Popover-message:after",".Popover-message:before"],"specificity":{"max":20,"average":12.4}},"declarations":{"total":13,"unique":12,"uniqueToTotalRatio":0.9230769230769231,"properties":{"bottom":["0","auto"],"left":["0","auto"],"position":["fixed"],"right":["0","auto"],"top":["auto","auto"],"margin":["var(--stack-gap-condensed)"],"width":["auto"],"padding":["var(--control-medium-paddingInline-normal)"],"display":["none"]}}}]}}