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

The CSS implementation of GitHub's Primer Design System

{"size":3631,"gzipSize":796,"humanizedSize":"4KB","humanizedGzipSize":"796B","rules":{"total":48,"size":{"graph":[5,1,1,1,1,3,1,2,1,1,1,2,1,8,2,2,3,6,2,2,1,3,1,1,1,1,1,1,1,1,2,2,1,6,2,1,2,1,1,1,1,1,1,2,1,1,1,3],"max":8,"average":1.8333333333333333},"selectorByRuleSizes":[{"selector":".Box-header","declarations":8},{"selector":".Box-footer","declarations":6},{"selector":".Box-row","declarations":6},{"selector":".Box","declarations":5},{"selector":".Box-btn-octicon.btn-octicon","declarations":3},{"selector":".Box-row.navigation-focus .Box-row--drag-button","declarations":3},{"selector":".Box-body:last-of-type","declarations":3},{"selector":".Box--condensed .Box-btn-octicon.btn-octicon","declarations":3},{"selector":".Box-header--blue","declarations":2},{"selector":".Box--blue .Box-header","declarations":2},{"selector":".Box--scrollable","declarations":2},{"selector":".Box-row-link:hover","declarations":2},{"selector":".Box-row-link","declarations":2},{"selector":".Box-row:last-of-type","declarations":2},{"selector":".Box-row:first-of-type","declarations":2},{"selector":".Box-body","declarations":2},{"selector":".Box-title","declarations":2},{"selector":".Box--spacious .Box-btn-octicon.btn-octicon","declarations":2},{"selector":".Box--spacious .Box-header","declarations":2},{"selector":".Box-row--gray","declarations":1},{"selector":".Box-row--blue","declarations":1},{"selector":".Box-row--yellow","declarations":1},{"selector":".Box--danger .Box-body:last-of-type","declarations":1},{"selector":".Box--danger .Box-row:first-of-type","declarations":1},{"selector":".Box--danger","declarations":1},{"selector":".Box--blue .Box-footer","declarations":1},{"selector":".Box--blue .Box-row","declarations":1},{"selector":".Box--blue .Box-body","declarations":1},{"selector":".Box--blue","declarations":1},{"selector":".Box-row--drag-button","declarations":1},{"selector":".Box-row--hover-blue:hover","declarations":1},{"selector":".Box-row--hover-gray:hover","declarations":1},{"selector":".Box-row--focus-blue.navigation-focus","declarations":1},{"selector":".Box-row--focus-gray.navigation-focus","declarations":1},{"selector":".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide","declarations":1},{"selector":".Box-row.navigation-focus.sortable-ghost","declarations":1},{"selector":".Box-row.navigation-focus.sortable-chosen","declarations":1},{"selector":".Box-row.navigation-focus.is-dragging .Box-row--drag-button","declarations":1},{"selector":".Box-row.Box-row--unread,.Box-row.unread","declarations":1},{"selector":".Box--spacious .Box-row","declarations":1},{"selector":".Box--spacious .Box-footer","declarations":1},{"selector":".Box--spacious .Box-body","declarations":1},{"selector":".Box--spacious .Box-title","declarations":1},{"selector":".Box--condensed .Box-row","declarations":1},{"selector":".Box--condensed .Box-footer","declarations":1},{"selector":".Box--condensed .Box-body","declarations":1},{"selector":".Box--condensed .Box-header","declarations":1},{"selector":".Box--condensed","declarations":1}]},"selectors":{"total":49,"type":0,"class":49,"id":0,"pseudoClass":8,"pseudoElement":0,"values":[".Box",".Box--condensed",".Box--condensed .Box-header",".Box--condensed .Box-body",".Box--condensed .Box-footer",".Box--condensed .Box-btn-octicon.btn-octicon",".Box--condensed .Box-row",".Box--spacious .Box-header",".Box--spacious .Box-title",".Box--spacious .Box-body",".Box--spacious .Box-footer",".Box--spacious .Box-btn-octicon.btn-octicon",".Box--spacious .Box-row",".Box-header",".Box-title",".Box-body",".Box-body:last-of-type",".Box-row",".Box-row:first-of-type",".Box-row:last-of-type",".Box-row.Box-row--unread",".Box-row.unread",".Box-row.navigation-focus .Box-row--drag-button",".Box-row.navigation-focus.is-dragging .Box-row--drag-button",".Box-row.navigation-focus.sortable-chosen",".Box-row.navigation-focus.sortable-ghost",".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",".Box-row--focus-gray.navigation-focus",".Box-row--focus-blue.navigation-focus",".Box-row--hover-gray:hover",".Box-row--hover-blue:hover",".Box-row-link",".Box-row-link:hover",".Box-row--drag-button",".Box-footer",".Box--scrollable",".Box--blue",".Box--blue .Box-header",".Box--blue .Box-body",".Box--blue .Box-row",".Box--blue .Box-footer",".Box--danger",".Box--danger .Box-row:first-of-type",".Box--danger .Box-body:last-of-type",".Box-header--blue",".Box-row--yellow",".Box-row--blue",".Box-row--gray",".Box-btn-octicon.btn-octicon"],"specificity":{"max":40,"average":18.979591836734695}},"declarations":{"total":88,"unique":50,"uniqueToTotalRatio":0.5681818181818182,"properties":{"background-color":["var(--color-bg-primary)","var(--color-bg-tertiary)","var(--color-bg-secondary)","var(--color-bg-tertiary)","var(--color-bg-tertiary)","var(--color-box-row-blue-bg)","var(--color-bg-tertiary)","var(--color-box-row-blue-bg)","var(--color-bg-info)","var(--color-box-header-blue-bg)","var(--color-box-row-yellow-bg)","var(--color-box-row-blue-bg)","var(--color-bg-tertiary)"],"border-color":["var(--color-border-primary)","var(--color-border-primary)","var(--color-box-blue-border)","var(--color-box-blue-border)","var(--color-box-blue-border)","var(--color-box-blue-border)","var(--color-box-blue-border)","var(--color-border-danger)","var(--color-border-danger)","var(--color-border-danger)","var(--color-box-header-blue-border)"],"border-style":["solid","solid"],"border-width":["1px","1px"],"border-radius":["6px","0 0 6px 6px"],"line-height":["1.25","1.25","1.25","1.5"],"padding":["8px 16px","8px 16px","8px 16px","8px 16px","8px 16px","24px","24px","24px","24px","24px","16px","16px","16px","16px","16px 16px"],"margin":["-8px -16px","-24px -24px","-1px -1px 0","-16px -16px"],"font-size":["20px","14px"],"border-top-left-radius":["6px","6px"],"border-top-right-radius":["6px","6px"],"font-weight":["600"],"border-bottom":["1px solid var(--color-border-primary)"],"margin-bottom":["-1px"],"border-bottom-right-radius":["6px","6px"],"border-bottom-left-radius":["6px","6px"],"margin-top":["-1px","-1px"],"list-style-type":["none"],"border-top-color":["var(--color-border-secondary)","var(--color-border-primary)"],"border-top-style":["solid","solid"],"border-top-width":["1px","1px"],"box-shadow":["inset 2px 0 0 var(--color-border-info)"],"color":["var(--color-text-link)","var(--color-text-primary)","var(--color-text-link)"],"cursor":["grab","grabbing"],"opacity":["100","0","0"],"text-decoration":["none","none"],"max-height":["324px"],"overflow":["scroll"]}},"mediaQueries":{"total":1,"unique":1,"values":["(min-width: 768px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":2,"size":{"graph":[2,2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":",.Box-row-link:hover","declarations":2},{"selector":".Box-row-link","declarations":2}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".Box-row-link",".Box-row-link:hover"],"specificity":{"max":20,"average":15}},"declarations":{"total":4,"unique":3,"uniqueToTotalRatio":0.75,"properties":{"color":["var(--color-text-primary)","var(--color-text-link)"],"text-decoration":["none","none"]}}}]}}