@primer/css
Version:
The CSS implementation of GitHub's Primer Design System
1 lines • 4.36 kB
JSON
{"size":2482,"gzipSize":675,"humanizedSize":"2KB","humanizedGzipSize":"675B","rules":{"total":22,"size":{"graph":[8,2,1,1,7,1,1,1,4,2,1,1,3,1,3,1,3,1,3,8,1,4],"max":8,"average":2.6363636363636362},"selectorByRuleSizes":[{"selector":".flash-banner","declarations":8},{"selector":".flash:not(.Banner)","declarations":8},{"selector":".flash-close:not(.Banner-close)","declarations":7},{"selector":".warning","declarations":4},{"selector":".flash-action:not(.Banner-actions)","declarations":4},{"selector":".flash-full:not(.Banner)","declarations":3},{"selector":".flash-success:not(.Banner)","declarations":3},{"selector":".flash-error:not(.Banner)","declarations":3},{"selector":".flash-warn:not(.Banner)","declarations":3},{"selector":".flash-action.btn:not(.Banner-actions) .octicon","declarations":2},{"selector":".flash:not(.Banner) .octicon","declarations":2},{"selector":".flash-banner,.flash-full","declarations":1},{"selector":".flash-success:not(.Banner) .octicon","declarations":1},{"selector":".flash-error:not(.Banner) .octicon","declarations":1},{"selector":".flash-warn:not(.Banner) .octicon","declarations":1},{"selector":".flash-action.btn-primary:not(.Banner-actions) .octicon","declarations":1},{"selector":".flash-action.btn-primary:not(.Banner-actions)","declarations":1},{"selector":".flash-close:not(.Banner-close) .octicon","declarations":1},{"selector":".flash-close:not(.Banner-close):active","declarations":1},{"selector":".flash-close:not(.Banner-close):hover","declarations":1},{"selector":".flash-messages","declarations":1},{"selector":".flash:not(.Banner) p:last-child","declarations":1}]},"selectors":{"total":23,"type":1,"class":23,"id":0,"pseudoClass":18,"pseudoElement":0,"values":[".flash:not(.Banner)",".flash:not(.Banner) .octicon",".flash:not(.Banner) p:last-child",".flash-messages",".flash-close:not(.Banner-close)",".flash-close:not(.Banner-close):hover",".flash-close:not(.Banner-close):active",".flash-close:not(.Banner-close) .octicon",".flash-action:not(.Banner-actions)",".flash-action.btn:not(.Banner-actions) .octicon",".flash-action.btn-primary:not(.Banner-actions)",".flash-action.btn-primary:not(.Banner-actions) .octicon",".flash-warn:not(.Banner)",".flash-warn:not(.Banner) .octicon",".flash-error:not(.Banner)",".flash-error:not(.Banner) .octicon",".flash-success:not(.Banner)",".flash-success:not(.Banner) .octicon",".flash-full:not(.Banner)",".flash-banner",".flash-banner",".flash-full",".warning"],"specificity":{"max":40,"average":23.52173913043478}},"declarations":{"total":58,"unique":53,"uniqueToTotalRatio":0.9137931034482759,"properties":{"background-image":["linear-gradient(var(--bgColor-accent-muted), var(--bgColor-accent-muted))","linear-gradient(var(--bgColor-attention-muted), var(--bgColor-attention-muted))","linear-gradient(var(--bgColor-danger-muted), var(--bgColor-danger-muted))","linear-gradient(var(--bgColor-success-muted), var(--bgColor-success-muted))"],"border-color":["var(--borderColor-accent-muted)","var(--borderColor-attention-muted)","var(--borderColor-danger-muted)","var(--borderColor-success-muted)"],"border-radius":["var(--borderRadius-medium)","0","0"],"border-style":["solid"],"border-width":["var(--borderWidth-thin)","var(--borderWidth-thin) 0"],"color":["var(--fgColor-default)","var(--fgColor-accent)","var(--fgColor-muted)","inherit","var(--fgColor-default)","var(--fgColor-attention)","var(--fgColor-default)","var(--fgColor-danger)","var(--fgColor-default)","var(--fgColor-success)"],"padding":["var(--base-size-20) var(--control-medium-paddingInline-spacious)",".5em"],"position":["relative","fixed"],"margin-right":["var(--base-size-12)","0","var(--control-small-gap)"],"margin-bottom":["0","var(--stack-gap-spacious)",".8em"],"appearance":["none"],"background":["none"],"border":["0"],"cursor":["pointer"],"float":["right","right"],"margin-top":["calc(var(--base-size-4)*-1)","-3px","calc(var(--borderWidth-thin)*-1)"],"text-align":["center"],"opacity":[".7",".5"],"background-clip":["padding-box","initial"],"margin-left":["var(--stack-gap-spacious)"],"border-left":["0"],"border-right":["0"],"border-top":["0"],"top":["0"],"width":["100%"],"z-index":["90"],"background-color":["var(--bgColor-default)","var(--bgColor-attention-muted)"],"font-weight":["var(--base-text-weight-semibold)"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}