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

The CSS implementation of GitHub's Primer Design System

{"size":3365,"gzipSize":906,"humanizedSize":"3KB","humanizedGzipSize":"906B","rules":{"total":35,"size":{"graph":[1,10,14,3,2,2,1,1,3,6,4,2,2,4,4,3,1,6,5,5,5,4,4,4,2,6,6,3,3,3,2,3,3,2,2],"max":14,"average":3.742857142857143},"selectorByRuleSizes":[{"selector":".dropdown-menu","declarations":14},{"selector":".dropdown-caret","declarations":10},{"selector":".dropdown-menu-ne::after","declarations":6},{"selector":".dropdown-menu-ne::before","declarations":6},{"selector":".dropdown-menu-w","declarations":6},{"selector":".dropdown-item","declarations":6},{"selector":".dropdown-menu-e","declarations":5},{"selector":".dropdown-menu-w::after","declarations":5},{"selector":".dropdown-menu-w::before","declarations":5},{"selector":".dropdown-menu-ne","declarations":4},{"selector":".dropdown-menu-e::after","declarations":4},{"selector":".dropdown-menu-e::before","declarations":4},{"selector":".dropdown-divider","declarations":4},{"selector":".dropdown-signout","declarations":4},{"selector":".dropdown-item:focus,.dropdown-item:hover","declarations":4},{"selector":".dropdown-menu-sw::after","declarations":3},{"selector":".dropdown-menu-sw::before","declarations":3},{"selector":".dropdown-menu-s::after","declarations":3},{"selector":".dropdown-menu-s::before","declarations":3},{"selector":".dropdown-menu-s","declarations":3},{"selector":".dropdown-header","declarations":3},{"selector":".dropdown-menu-no-overflow .dropdown-item","declarations":3},{"selector":".dropdown-menu::before,.dropdown-menu::after","declarations":3},{"selector":".dropdown-menu-se::after","declarations":2},{"selector":".dropdown-menu-se::before","declarations":2},{"selector":".dropdown-menu-sw","declarations":2},{"selector":".dropdown-menu-ne::before,.dropdown-menu-ne::after","declarations":2},{"selector":".dropdown-item.btn-link","declarations":2},{"selector":".dropdown-item:focus>.octicon,.dropdown-item:hover>.octicon","declarations":2},{"selector":".dropdown-menu::after","declarations":2},{"selector":".dropdown-menu::before","declarations":2},{"selector":".dropdown-item[aria-checked=\"false\"] .octicon-check","declarations":1},{"selector":".dropdown-menu-no-overflow","declarations":1},{"selector":".dropdown-menu>ul","declarations":1},{"selector":".dropdown","declarations":1}]},"selectors":{"total":39,"type":1,"class":39,"id":0,"pseudoClass":4,"pseudoElement":18,"values":[".dropdown",".dropdown-caret",".dropdown-menu",".dropdown-menu::before",".dropdown-menu::after",".dropdown-menu::before",".dropdown-menu::after",".dropdown-menu>ul",".dropdown-menu-no-overflow",".dropdown-menu-no-overflow .dropdown-item",".dropdown-item",".dropdown-item:focus",".dropdown-item:hover",".dropdown-item:focus>.octicon",".dropdown-item:hover>.octicon",".dropdown-item.btn-link",".dropdown-signout",".dropdown-divider",".dropdown-header",".dropdown-item[aria-checked=\"false\"] .octicon-check",".dropdown-menu-w",".dropdown-menu-w::before",".dropdown-menu-w::after",".dropdown-menu-e",".dropdown-menu-e::before",".dropdown-menu-e::after",".dropdown-menu-ne",".dropdown-menu-ne::before",".dropdown-menu-ne::after",".dropdown-menu-ne::before",".dropdown-menu-ne::after",".dropdown-menu-s",".dropdown-menu-s::before",".dropdown-menu-s::after",".dropdown-menu-sw",".dropdown-menu-sw::before",".dropdown-menu-sw::after",".dropdown-menu-se::before",".dropdown-menu-se::after"],"specificity":{"max":30,"average":13.051282051282051}},"declarations":{"total":131,"unique":94,"uniqueToTotalRatio":0.7175572519083969,"properties":{"position":["relative","absolute","absolute"],"display":["inline-block","inline-block","block","block","none"],"width":["0","160px","auto","100%","100%","auto","auto"],"height":["0","0"],"vertical-align":["middle"],"content":["\"\"","\"\""],"border-style":["solid"],"border-width":["4px 4px 0"],"border-right-color":["transparent","var(--color-border-primary)","var(--color-bg-overlay)"],"border-bottom-color":["transparent","var(--color-border-primary)","var(--color-bg-overlay)"],"border-left-color":["transparent","var(--color-border-primary)","var(--color-bg-overlay)"],"top":["100%","0","10px","11px","0","10px","11px","auto","auto","-16px","-14px","-16px","-14px","-16px","-14px"],"left":["0","auto","auto","auto","100%","-16px","-14px","0","9px","10px","auto","auto","auto","auto","9px","10px"],"z-index":["100"],"padding-top":["4px"],"padding-bottom":["4px"],"margin-top":["2px","0","0"],"list-style":["none","none"],"background-color":["var(--color-bg-overlay)","var(--color-state-hover-primary-bg)"],"background-clip":["padding-box"],"border":["1px solid var(--color-border-primary)","8px solid transparent","7px solid transparent","0"],"border-radius":["6px"],"box-shadow":["var(--color-dropdown-shadow)"],"padding":["4px 16px","4px 8px 4px 16px","4px 16px"],"overflow":["visible","hidden"],"text-overflow":["inherit","ellipsis"],"color":["var(--color-text-primary)","var(--color-state-hover-primary-text)","inherit","var(--color-text-secondary)"],"white-space":["nowrap"],"text-decoration":["none"],"outline":["none"],"opacity":["1"],"text-align":["left","left"],"background":["none"],"margin":["8px 0"],"border-top":["1px solid var(--color-border-primary)","8px solid var(--color-border-primary)","7px solid var(--color-bg-overlay)"],"font-size":["12px"],"right":["100%","-16px","-14px","auto","50%","50%","50%","0","9px","10px"],"margin-right":["8px"],"border-color":["transparent","transparent","transparent","transparent"],"margin-left":["8px"],"bottom":["100%","-8px","-7px"],"margin-bottom":["3px"],"border-right":["8px solid transparent","7px solid transparent"],"border-bottom":["0","0"],"border-left":["8px solid transparent","7px solid transparent"],"transform":["translateX(50%)","translateX(50%)","translateX(50%)"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}