@primer/css
Version:
The CSS implementation of GitHub's Primer Design System
1 lines • 8.98 kB
JSON
{"size":5048,"gzipSize":1121,"humanizedSize":"5KB","humanizedGzipSize":"1KB","rules":{"total":47,"size":{"graph":[5,1,1,3,1,2,1,1,2,1,8,2,2,3,4,2,2,1,3,1,1,1,1,1,1,1,1,2,1,1,4,2,1,1,1,1,2,1,1,1,3,7,5,1,1,2,4],"max":8,"average":2.021276595744681},"selectorByRuleSizes":[{"selector":".Box-header","declarations":8},{"selector":".Box--overlay","declarations":7},{"selector":".Box--overlay .Box-header","declarations":5},{"selector":".Box","declarations":5},{"selector":".Box-body .help","declarations":4},{"selector":".Box-footer","declarations":4},{"selector":".Box-row","declarations":4},{"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":".btn-octicon:is(.Box--condensed .Box-btn-octicon)","declarations":3},{"selector":".Box-body.scrollable-overlay","declarations":2},{"selector":".Box-header--blue","declarations":2},{"selector":".Box--scrollable","declarations":2},{"selector":".Box-row-link,.Box-row-link:hover","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":".btn-octicon:is(.Box--spacious .Box-btn-octicon)","declarations":2},{"selector":".Box--spacious .Box-header","declarations":2},{"selector":".Box-overlay--wide","declarations":1},{"selector":".Box-overlay--narrow","declarations":1},{"selector":".Box-row--gray","declarations":1},{"selector":".Box-row--blue","declarations":1},{"selector":".Box-row--yellow","declarations":1},{"selector":".Box--danger,:is(.Box--danger .Box-body):last-of-type,:is(.Box--danger .Box-row):first-of-type","declarations":1},{"selector":".Box--blue .Box-body,.Box--blue .Box-footer,.Box--blue .Box-row","declarations":1},{"selector":".Box--blue .Box-header","declarations":1},{"selector":".Box--blue,.Box--blue .Box-header","declarations":1},{"selector":".Box-row--drag-button","declarations":1},{"selector":".Box-row-link:hover","declarations":1},{"selector":".Box-row-link","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-chosen,.Box-row.navigation-focus.sortable-ghost","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-body,.Box--spacious .Box-footer","declarations":1},{"selector":".Box--spacious .Box-title","declarations":1},{"selector":".Box--condensed .Box-row","declarations":1},{"selector":".Box--condensed .Box-body,.Box--condensed .Box-footer,.Box--condensed .Box-header","declarations":1},{"selector":".Box--condensed","declarations":1}]},"selectors":{"total":58,"type":0,"class":58,"id":0,"pseudoClass":9,"pseudoElement":0,"values":[".Box",".Box--condensed",".Box--condensed .Box-body",".Box--condensed .Box-footer",".Box--condensed .Box-header",".btn-octicon:is(.Box--condensed .Box-btn-octicon)",".Box--condensed .Box-row",".Box--spacious .Box-header",".Box--spacious .Box-title",".Box--spacious .Box-body",".Box--spacious .Box-footer",".btn-octicon:is(.Box--spacious .Box-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",".Box-row-link:hover",".Box-row-link:hover",".Box-row--drag-button",".Box-footer",".Box--scrollable",".Box--blue",".Box--blue .Box-header",".Box--blue .Box-header",".Box--blue .Box-body",".Box--blue .Box-footer",".Box--blue .Box-row",".Box--danger",":is(.Box--danger .Box-body):last-of-type",":is(.Box--danger .Box-row):first-of-type",".Box-header--blue",".Box-row--yellow",".Box-row--blue",".Box-row--gray",".Box-btn-octicon.btn-octicon",".Box--overlay",".Box--overlay .Box-header",".Box-overlay--narrow",".Box-overlay--wide",".Box-body.scrollable-overlay",".Box-body .help"],"specificity":{"max":40,"average":19.137931034482758}},"declarations":{"total":95,"unique":65,"uniqueToTotalRatio":0.6842105263157895,"properties":{"background-color":["var(--bgColor-default)","var(--bgColor-muted)","var(--bgColor-muted)","var(--bgColor-muted)","var(--bgColor-accent-muted)","var(--bgColor-muted)","var(--bgColor-accent-muted)","var(--bgColor-accent-muted)","var(--bgColor-accent-muted)","var(--bgColor-attention-muted)","var(--bgColor-accent-muted)","var(--bgColor-muted)","var(--color-canvas-default)"],"border-color":["var(--borderColor-default)","var(--borderColor-default)","var(--borderColor-accent-muted)","var(--borderColor-accent-muted)","var(--borderColor-danger-emphasis)","var(--borderColor-accent-muted)","var(--color-border-default)"],"border-radius":["var(--borderRadius-medium)","0 0 var(--borderRadius-medium) var(--borderRadius-medium)"],"border-style":["solid","solid"],"border-width":["var(--borderWidth-thin)","var(--borderWidth-thin)","0"],"line-height":["1.25","1.25","1.25","var(--text-title-lineHeight-large)"],"padding":["var(--stack-padding-condensed) var(--stack-padding-normal)","var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious)","var(--stack-padding-condensed) var(--stack-padding-normal)","var(--stack-padding-spacious)","var(--stack-padding-spacious)","var(--stack-padding-spacious)","var(--stack-padding-spacious)","var(--stack-padding-normal)","var(--stack-padding-normal)","var(--stack-padding-normal)","var(--stack-padding-normal)","var(--control-medium-paddingInline-spacious)"],"margin":["calc(var(--controlStack-medium-gap-condensed)*-1) calc(var(--controlStack-small-gap-spacious)*-1)","calc(var(--stack-gap-spacious)*-1)","calc(var(--borderWidth-thin)*-1) calc(var(--borderWidth-thin)*-1) 0","calc(var(--controlStack-small-gap-spacious)*-1)","0","0"],"font-size":["var(--text-title-size-medium)","var(--text-body-size-medium)"],"border-top-left-radius":["var(--borderRadius-medium)","var(--borderRadius-medium)","6px"],"border-top-right-radius":["var(--borderRadius-medium)","var(--borderRadius-medium)","6px"],"font-weight":["var(--base-text-weight-semibold)"],"border-bottom":["var(--borderWidth-thin) solid var(--borderColor-default)"],"border-bottom-left-radius":["var(--borderRadius-medium)","var(--borderRadius-medium)"],"border-bottom-right-radius":["var(--borderRadius-medium)","var(--borderRadius-medium)"],"margin-bottom":["calc(var(--borderWidth-thin)*-1)"],"border-top":["var(--borderWidth-thin) solid var(--borderColor-muted)","var(--borderWidth-thin) solid var(--borderColor-default)"],"list-style-type":["none"],"margin-top":["calc(var(--borderWidth-thin)*-1)","calc(var(--borderWidth-thin)*-1)"],"box-shadow":["inset 2px 0 0 var(--borderColor-accent-emphasis)","0 0 18px rgba(0,0,0,.4)"],"color":["var(--fgColor-accent)","var(--fgColor-default)","var(--fgColor-accent)","var(--color-fg-muted)"],"cursor":["grab","grabbing"],"opacity":["1","0","0"],"-webkit-text-decoration":["none"],"text-decoration":["none"],"max-height":["324px","400px"],"overflow":["scroll"],"width":["448px","320px","640px"],"margin-right":["auto"],"margin-left":["auto"],"background-clip":["padding-box"],"border-bottom-width":["1px"],"overflow-y":["scroll"],"padding-top":["var(--base-size-8)"],"text-align":["center"]}},"mediaQueries":{"total":1,"unique":1,"values":["(min-width: 768px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":3,"size":{"graph":[1,2,1],"max":2,"average":1.3333333333333333},"selectorByRuleSizes":[{"selector":",.Box-row-link,.Box-row-link:hover","declarations":2},{"selector":",.Box-row-link:hover","declarations":1},{"selector":".Box-row-link","declarations":1}]},"selectors":{"total":4,"type":0,"class":4,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".Box-row-link",".Box-row-link",".Box-row-link:hover",".Box-row-link:hover"],"specificity":{"max":20,"average":15}},"declarations":{"total":4,"unique":4,"uniqueToTotalRatio":1,"properties":{"color":["var(--fgColor-default)","var(--fgColor-accent)"],"-webkit-text-decoration":["none"],"text-decoration":["none"]}}}]}}