@primer/css
Version:
The CSS implementation of GitHub's Primer Design System
1 lines • 14.4 kB
JSON
{"size":7813,"gzipSize":1788,"humanizedSize":"8KB","humanizedGzipSize":"2KB","rules":{"total":70,"size":{"graph":[1,1,1,1,4,1,16,3,2,2,2,2,2,2,2,2,1,3,1,4,4,1,1,1,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,1,1,1,1,4,3,5,3,4,1,6,2,1,6,2,2,2,2,17,2,1,6,3,4,4,6,6,1,1,1,1],"max":17,"average":2.585714285714286},"selectorByRuleSizes":[{"selector":".Overlay-closeButton","declarations":17},{"selector":".Overlay","declarations":16},{"selector":".Overlay--full-whenNarrow","declarations":6},{"selector":".Overlay.Overlay--placement-bottom-whenNarrow","declarations":6},{"selector":".Overlay--full","declarations":6},{"selector":".Overlay-footer","declarations":6},{"selector":".Overlay-body","declarations":6},{"selector":":is(.Overlay-header .Overlay-headerContentWrap) .Overlay-titleWrap","declarations":5},{"selector":".Overlay.Overlay--placement-right-whenNarrow","declarations":4},{"selector":".Overlay.Overlay--placement-left-whenNarrow","declarations":4},{"selector":":is(:is(.Overlay-header .Overlay-headerContentWrap) .Overlay-titleWrap) .Overlay-description","declarations":4},{"selector":".Overlay-header .Overlay-headerContentWrap","declarations":4},{"selector":".Overlay.Overlay--placement-right","declarations":4},{"selector":".Overlay.Overlay--placement-left","declarations":4},{"selector":".Overlay--visibilityHidden","declarations":4},{"selector":".Overlay--placement-right-whenNarrow,.Overlay.Overlay--placement-left-whenNarrow","declarations":3},{"selector":":is(:is(.Overlay-header .Overlay-headerContentWrap) .Overlay-titleWrap) .Overlay-title","declarations":3},{"selector":":is(.Overlay-header .Overlay-headerContentWrap) .Overlay-actionWrap","declarations":3},{"selector":".Overlay.Overlay--placement-left,.Overlay.Overlay--placement-right","declarations":3},{"selector":".Overlay.Overlay--size-auto","declarations":3},{"selector":".Overlay-closeButton:focus,.Overlay-closeButton:hover","declarations":2},{"selector":".Overlay-footer.Overlay-footer--alignEnd","declarations":2},{"selector":".Overlay-footer.Overlay-footer--alignCenter","declarations":2},{"selector":".Overlay-footer.Overlay-footer--alignStart","declarations":2},{"selector":".Overlay-footer.Overlay-footer--divided","declarations":2},{"selector":".Overlay-body.Overlay-body--paddingCondensed","declarations":2},{"selector":".Overlay-header.Overlay-header--divided","declarations":2},{"selector":".Overlay-header","declarations":2},{"selector":".Overlay-form,.Overlay-header","declarations":2},{"selector":".Overlay-form","declarations":2},{"selector":"to","declarations":2},{"selector":"0%","declarations":2},{"selector":".Overlay.Overlay--size-xlarge","declarations":2},{"selector":".Overlay.Overlay--size-large","declarations":2},{"selector":".Overlay.Overlay--size-medium-portrait","declarations":2},{"selector":".Overlay.Overlay--size-medium","declarations":2},{"selector":".Overlay.Overlay--size-small-portrait","declarations":2},{"selector":".Overlay.Overlay--size-small","declarations":2},{"selector":".Overlay.Overlay--size-xsmall","declarations":2},{"selector":".Overlay.Overlay--size-full","declarations":2},{"selector":"0%","declarations":1},{"selector":"0%","declarations":1},{"selector":"0%","declarations":1},{"selector":"0%","declarations":1},{"selector":".Overlay-closeButton.close-button","declarations":1},{"selector":".Overlay-body.Overlay-body--paddingNone","declarations":1},{"selector":".Overlay-headerFilter","declarations":1},{"selector":":is(:is(.Overlay-header.Overlay-header--large .Overlay-headerContentWrap) .Overlay-titleWrap) .Overlay-description","declarations":1},{"selector":":is(:is(.Overlay-header.Overlay-header--large .Overlay-headerContentWrap) .Overlay-titleWrap) .Overlay-title","declarations":1},{"selector":":is(.Overlay-header.Overlay-header--large .Overlay-headerContentWrap) .Overlay-titleWrap","declarations":1},{"selector":".Overlay-header.Overlay-header--divided+.Overlay-body","declarations":1},{"selector":".Overlay:modal","declarations":1},{"selector":".Overlay.Overlay--width-xxlarge","declarations":1},{"selector":".Overlay.Overlay--width-xlarge","declarations":1},{"selector":".Overlay.Overlay--width-large","declarations":1},{"selector":".Overlay.Overlay--width-medium","declarations":1},{"selector":".Overlay.Overlay--width-small","declarations":1},{"selector":".Overlay.Overlay--width-auto","declarations":1},{"selector":".Overlay.Overlay--height-xlarge","declarations":1},{"selector":".Overlay.Overlay--height-large","declarations":1},{"selector":".Overlay.Overlay--height-medium","declarations":1},{"selector":".Overlay.Overlay--height-small","declarations":1},{"selector":".Overlay.Overlay--height-xsmall","declarations":1},{"selector":".Overlay.Overlay--motion-scaleFade,.Overlay.Overlay--placement-left,.Overlay.Overlay--placement-right","declarations":1},{"selector":".Overlay.Overlay--height-auto","declarations":1},{"selector":"[popover]:not(.\\:popover-open)","declarations":1},{"selector":".Overlay--hidden","declarations":1},{"selector":"dialog.Overlay:not([open])","declarations":1},{"selector":"body:has(dialog:modal.Overlay--disableScroll)","declarations":1},{"selector":"body:has(:modal)","declarations":1}]},"selectors":{"total":70,"type":3,"class":69,"id":0,"pseudoClass":4,"pseudoElement":0,"values":["body:has(:modal)","body:has(dialog:modal.Overlay--disableScroll)","dialog.Overlay:not([open])",".Overlay--hidden",".Overlay--visibilityHidden","[popover]:not(.\\:popover-open)",".Overlay",".Overlay.Overlay--size-auto",".Overlay.Overlay--size-full",".Overlay.Overlay--size-xsmall",".Overlay.Overlay--size-small",".Overlay.Overlay--size-small-portrait",".Overlay.Overlay--size-medium",".Overlay.Overlay--size-medium-portrait",".Overlay.Overlay--size-large",".Overlay.Overlay--size-xlarge",".Overlay.Overlay--height-auto",".Overlay.Overlay--placement-left",".Overlay.Overlay--placement-right",".Overlay.Overlay--motion-scaleFade",".Overlay.Overlay--placement-left",".Overlay.Overlay--placement-right",".Overlay.Overlay--placement-left",".Overlay.Overlay--placement-right",".Overlay.Overlay--height-xsmall",".Overlay.Overlay--height-small",".Overlay.Overlay--height-medium",".Overlay.Overlay--height-large",".Overlay.Overlay--height-xlarge",".Overlay.Overlay--width-auto",".Overlay.Overlay--width-small",".Overlay.Overlay--width-medium",".Overlay.Overlay--width-large",".Overlay.Overlay--width-xlarge",".Overlay.Overlay--width-xxlarge",".Overlay:modal",".Overlay-form",".Overlay-form",".Overlay-header",".Overlay-header",".Overlay-header.Overlay-header--divided",".Overlay-header.Overlay-header--divided+.Overlay-body",":is(.Overlay-header.Overlay-header--large .Overlay-headerContentWrap) .Overlay-titleWrap",":is(:is(.Overlay-header.Overlay-header--large .Overlay-headerContentWrap) .Overlay-titleWrap) .Overlay-title",":is(:is(.Overlay-header.Overlay-header--large .Overlay-headerContentWrap) .Overlay-titleWrap) .Overlay-description",".Overlay-header .Overlay-headerContentWrap",":is(.Overlay-header .Overlay-headerContentWrap) .Overlay-actionWrap",":is(.Overlay-header .Overlay-headerContentWrap) .Overlay-titleWrap",":is(:is(.Overlay-header .Overlay-headerContentWrap) .Overlay-titleWrap) .Overlay-title",":is(:is(.Overlay-header .Overlay-headerContentWrap) .Overlay-titleWrap) .Overlay-description",".Overlay-headerFilter",".Overlay-body",".Overlay-body.Overlay-body--paddingCondensed",".Overlay-body.Overlay-body--paddingNone",".Overlay-footer",".Overlay-footer.Overlay-footer--divided",".Overlay-footer.Overlay-footer--alignStart",".Overlay-footer.Overlay-footer--alignCenter",".Overlay-footer.Overlay-footer--alignEnd",".Overlay-closeButton",".Overlay-closeButton:focus",".Overlay-closeButton:hover",".Overlay-closeButton.close-button",".Overlay--full",".Overlay--placement-right-whenNarrow",".Overlay.Overlay--placement-left-whenNarrow",".Overlay.Overlay--placement-left-whenNarrow",".Overlay.Overlay--placement-right-whenNarrow",".Overlay.Overlay--placement-bottom-whenNarrow",".Overlay--full-whenNarrow"],"specificity":{"max":60,"average":21.042857142857144}},"declarations":{"total":181,"unique":118,"uniqueToTotalRatio":0.6519337016574586,"properties":{"padding-right":["var(--dialog-scrollgutter)"],"overflow":["hidden","hidden","auto"],"display":["none","none","none","flex","flex","flex","flex","flex","flex","grid"],"height":["0","100vh","auto","100%","min(192px,100vh - 2rem)","min(256px,100vh - 2rem)","min(320px,100vh - 2rem)","min(432px,100vh - 2rem)","min(600px,100vh - 2rem)","var(--base-size-32)","100%","100%","100%"],"opacity":["0","1","0","1"],"visibility":["hidden"],"background-color":["var(--overlay-bgColor)","initial","var(--button-default-bgColor-hover)"],"border":["0","var(--borderWidth-thin) solid rgba(0,0,0,0)","var(--borderWidth-thin) solid var(--control-bgColor-hover)","var(--borderWidth-thin) solid rgba(0,0,0,0)"],"border-radius":["var(--borderRadius-large)","var(--borderRadius-medium)","unset","unset"],"box-shadow":["var(--shadow-floating-small)","inset 0 calc(var(--borderWidth-thin)*-1) var(--borderColor-default)","inset 0 var(--borderWidth-thin) var(--borderColor-default)"],"color":["var(--fgColor-default)","var(--fgColor-default)","var(--fgColor-muted)","var(--fgColor-muted)"],"flex-direction":["column","column","row","column","row"],"inset":["0","0 auto 0 0","0 0 0 auto","0 auto 0 0","0 0 0 auto","auto 0 0"],"margin":["auto","0","0"],"max-height":["min(100vh - 2rem,var(--overlay-height))","calc(100vh - 2rem)","calc(100vh - 2rem)","unset","100vh","100vh","100vh"],"min-width":["192px","192px"],"padding":["0","var(--stack-gap-condensed) var(--stack-gap-condensed) 0 var(--stack-gap-condensed)","calc(var(--stack-gap-condensed)*.75) 0 calc(var(--stack-gap-condensed)*.75) var(--stack-gap-condensed)","var(--stack-gap-condensed) var(--stack-gap-condensed) 0 var(--stack-gap-condensed)","var(--stack-padding-normal)","var(--stack-padding-condensed)","0","0 var(--stack-padding-normal) var(--stack-padding-normal) var(--stack-padding-normal)","0"],"position":["static","fixed","fixed","relative","fixed"],"white-space":["normal"],"width":["min(var(--overlay-width),100vw - 2rem)","100vw","auto","min(256px,100vw - 2rem)","min(320px,100vw - 2rem)","min(480px,100vw - 2rem)","min(640px,100vw - 2rem)","min(960px,100vw - 2rem)","var(--base-size-32)","100%","100%","100%"],"max-width":["calc(100vw - 2rem)","100vw","100vw","100vw"],"--overlay-width":["192px","320px","320px","480px","480px","640px","960px"],"--overlay-height":["256px","432px","320px","600px","432px","600px"],"animation":["Overlay--motion-scaleFade .2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running"],"animation-name":["Overlay--motion-slideInRight","Overlay--motion-slideInLeft","Overlay--motion-slideInLeft","Overlay--motion-slideInLeft","Overlay--motion-slideUp"],"border-bottom-left-radius":["0","0","0"],"border-top-left-radius":["0","0"],"border-bottom-right-radius":["0","0","0"],"border-top-right-radius":["0","0"],"transform":["scale(0.5)","scale(1)","translateY(-100%)","translateY(100%)","translateX(-100%)","translateX(100%)"],"flex-grow":["1","1","1","1","1"],"z-index":["1","1"],"padding-bottom":["var(--stack-padding-condensed)"],"padding-top":["var(--stack-padding-normal)","0","0","var(--stack-padding-normal)"],"gap":["var(--stack-gap-condensed)","var(--stack-gap-condensed)","var(--stack-gap-condensed)","var(--control-small-gap)","var(--stack-gap-condensed)","var(--stack-gap-condensed)","var(--stack-gap-condensed)"],"font-size":["var(--text-title-size-medium)","var(--text-body-size-medium)","var(--text-body-size-medium)","var(--text-body-size-small)","var(--text-body-size-medium)"],"align-items":["flex-start"],"font-weight":["var(--base-text-weight-semibold)","var(--base-text-weight-normal)"],"overflow-y":["auto"],"scrollbar-width":["thin"],"flex-shrink":["0","0"],"flex-wrap":["wrap"],"justify-content":["flex-start","center","flex-end"],"align-self":["flex-start"],"cursor":["pointer"],"place-content":["center"],"transition":[".2s cubic-bezier(0.3, 0, 0.5, 1)"],"transition-property":["color,background-color,border-color"],"-webkit-user-select":["none"],"user-select":["none"]}},"mediaQueries":{"total":2,"unique":2,"values":["screen and (prefers-reduced-motion: no-preference)","(max-width: 767px)"],"contents":[{"value":"screen and (prefers-reduced-motion: no-preference)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".Overlay.Overlay--motion-scaleFade,.Overlay.Overlay--placement-left,.Overlay.Overlay--placement-right","declarations":1}]},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".Overlay.Overlay--motion-scaleFade",".Overlay.Overlay--placement-left",".Overlay.Overlay--placement-right"],"specificity":{"max":20,"average":20}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"animation":["Overlay--motion-scaleFade .2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running"]}}},{"value":"(max-width: 767px)","rules":{"total":5,"size":{"graph":[3,4,4,6,6],"max":6,"average":4.6},"selectorByRuleSizes":[{"selector":",.Overlay--full-whenNarrow","declarations":6},{"selector":",.Overlay.Overlay--placement-bottom-whenNarrow","declarations":6},{"selector":",.Overlay.Overlay--placement-right-whenNarrow","declarations":4},{"selector":",.Overlay.Overlay--placement-left-whenNarrow","declarations":4},{"selector":".Overlay--placement-right-whenNarrow,.Overlay.Overlay--placement-left-whenNarrow","declarations":3}]},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".Overlay--placement-right-whenNarrow",".Overlay.Overlay--placement-left-whenNarrow",".Overlay.Overlay--placement-left-whenNarrow",".Overlay.Overlay--placement-right-whenNarrow",".Overlay.Overlay--placement-bottom-whenNarrow",".Overlay--full-whenNarrow"],"specificity":{"max":20,"average":16.666666666666668}},"declarations":{"total":23,"unique":16,"uniqueToTotalRatio":0.6956521739130435,"properties":{"height":["100%","100%"],"max-height":["100vh","100vh"],"position":["fixed"],"animation-name":["Overlay--motion-slideInLeft","Overlay--motion-slideInLeft","Overlay--motion-slideUp"],"border-bottom-left-radius":["0","0"],"border-top-left-radius":["0"],"inset":["0 auto 0 0","0 0 0 auto","auto 0 0"],"border-bottom-right-radius":["0","0"],"border-top-right-radius":["0"],"max-width":["100vw","100vw"],"width":["100%","100%"],"border-radius":["unset"],"flex-grow":["1"]}}}]}}