@primer/css
Version:
The CSS implementation of GitHub's Primer Design System
1 lines • 8.32 kB
JSON
{"size":5273,"gzipSize":967,"humanizedSize":"5KB","humanizedGzipSize":"967B","rules":{"total":30,"size":{"graph":[19,1,2,2,3,11,1,2,3,1,2,2,3,3,1,2,2,3,4,1,3,2,1,4,1,3,2,1,1,1],"max":19,"average":2.9},"selectorByRuleSizes":[{"selector":".btn-mktg","declarations":19},{"selector":".btn-mktg::before","declarations":11},{"selector":".btn-transparent","declarations":4},{"selector":".btn-outline-mktg","declarations":4},{"selector":".btn-transparent:hover,.btn-transparent.hover,.btn-transparent:active,.btn-transparent.selected,.btn-transparent[aria-selected=true],[open]>.btn-transparent","declarations":3},{"selector":".btn-outline-mktg:hover,.btn-outline-mktg.hover,.btn-outline-mktg:active,.btn-outline-mktg.selected,.btn-outline-mktg[aria-selected=true],[open]>.btn-outline-mktg","declarations":3},{"selector":".btn-enterprise-mktg:disabled,.btn-enterprise-mktg.disabled,.btn-enterprise-mktg[aria-disabled=true]","declarations":3},{"selector":".btn-enterprise-mktg","declarations":3},{"selector":".btn-primary-mktg:disabled,.btn-primary-mktg.disabled,.btn-primary-mktg[aria-disabled=true]","declarations":3},{"selector":".btn-primary-mktg","declarations":3},{"selector":".btn-mktg:disabled,.btn-mktg.disabled,.btn-mktg[aria-disabled=true]","declarations":3},{"selector":".btn-transparent:focus,.btn-transparent.focus","declarations":2},{"selector":".btn-outline-mktg:focus,.btn-outline-mktg.focus","declarations":2},{"selector":".btn-enterprise-mktg:focus,.btn-enterprise-mktg.focus","declarations":2},{"selector":".btn-enterprise-mktg:hover,.btn-enterprise-mktg.hover,.btn-enterprise-mktg:active,.btn-enterprise-mktg.selected,.btn-enterprise-mktg[aria-selected=true],[open]>.btn-enterprise-mktg","declarations":2},{"selector":".btn-primary-mktg:focus,.btn-primary-mktg.focus","declarations":2},{"selector":".btn-primary-mktg:hover,.btn-primary-mktg.hover,.btn-primary-mktg:active,.btn-primary-mktg.selected,.btn-primary-mktg[aria-selected=true],[open]>.btn-primary-mktg","declarations":2},{"selector":".btn-mktg:hover::before","declarations":2},{"selector":".btn-mktg:focus,.btn-mktg.focus","declarations":2},{"selector":".btn-mktg:hover,.btn-mktg.hover,.btn-mktg:active,.btn-mktg.selected,.btn-mktg[aria-selected=true],[open]>.btn-mktg","declarations":2},{"selector":".btn-large-mktg","declarations":1},{"selector":".btn-small-mktg","declarations":1},{"selector":".btn-transparent:disabled,.btn-transparent.disabled,.btn-transparent[aria-disabled=true]","declarations":1},{"selector":".btn-transparent::before","declarations":1},{"selector":".btn-outline-mktg:disabled,.btn-outline-mktg.disabled,.btn-outline-mktg[aria-disabled=true]","declarations":1},{"selector":".btn-outline-mktg::before","declarations":1},{"selector":".btn-enterprise-mktg::before","declarations":1},{"selector":".btn-primary-mktg::before","declarations":1},{"selector":".btn-mktg:hover","declarations":1},{"selector":".btn-mktg::before","declarations":1}]},"selectors":{"total":70,"type":0,"class":70,"id":0,"pseudoClass":22,"pseudoElement":7,"values":[".btn-mktg",".btn-mktg::before",".btn-mktg:hover",".btn-mktg.hover",".btn-mktg:active",".btn-mktg.selected",".btn-mktg[aria-selected=true]","[open]>.btn-mktg",".btn-mktg:focus",".btn-mktg.focus",".btn-mktg:disabled",".btn-mktg.disabled",".btn-mktg[aria-disabled=true]",".btn-mktg::before",".btn-mktg:hover",".btn-mktg:hover::before",".btn-primary-mktg",".btn-primary-mktg::before",".btn-primary-mktg:hover",".btn-primary-mktg.hover",".btn-primary-mktg:active",".btn-primary-mktg.selected",".btn-primary-mktg[aria-selected=true]","[open]>.btn-primary-mktg",".btn-primary-mktg:focus",".btn-primary-mktg.focus",".btn-primary-mktg:disabled",".btn-primary-mktg.disabled",".btn-primary-mktg[aria-disabled=true]",".btn-enterprise-mktg",".btn-enterprise-mktg::before",".btn-enterprise-mktg:hover",".btn-enterprise-mktg.hover",".btn-enterprise-mktg:active",".btn-enterprise-mktg.selected",".btn-enterprise-mktg[aria-selected=true]","[open]>.btn-enterprise-mktg",".btn-enterprise-mktg:focus",".btn-enterprise-mktg.focus",".btn-enterprise-mktg:disabled",".btn-enterprise-mktg.disabled",".btn-enterprise-mktg[aria-disabled=true]",".btn-outline-mktg",".btn-outline-mktg::before",".btn-outline-mktg:hover",".btn-outline-mktg.hover",".btn-outline-mktg:active",".btn-outline-mktg.selected",".btn-outline-mktg[aria-selected=true]","[open]>.btn-outline-mktg",".btn-outline-mktg:focus",".btn-outline-mktg.focus",".btn-outline-mktg:disabled",".btn-outline-mktg.disabled",".btn-outline-mktg[aria-disabled=true]",".btn-transparent",".btn-transparent::before",".btn-transparent:hover",".btn-transparent.hover",".btn-transparent:active",".btn-transparent.selected",".btn-transparent[aria-selected=true]","[open]>.btn-transparent",".btn-transparent:focus",".btn-transparent.focus",".btn-transparent:disabled",".btn-transparent.disabled",".btn-transparent[aria-disabled=true]",".btn-small-mktg",".btn-large-mktg"],"specificity":{"max":21,"average":18.242857142857144}},"declarations":{"total":87,"unique":62,"uniqueToTotalRatio":0.7126436781609196,"properties":{"position":["relative","absolute"],"z-index":["1","-1"],"display":["inline-block","none","none"],"-webkit-appearance":["none"],"-moz-appearance":["none"],"appearance":["none"],"padding":[".9rem 1.5rem 1.1rem",".625rem 1rem .8125rem","20px 30px 23px"],"font-size":["1rem"],"font-weight":["600"],"line-height":["1"],"white-space":["nowrap"],"vertical-align":["middle"],"-webkit-user-select":["none"],"user-select":["none"],"border":["0"],"border-radius":[".375rem",".375rem"],"color":["var(--color-mktg-btn-text)","var(--color-mktg-btn-primary-text)","var(--color-mktg-btn-enterprise-text)","var(--color-mktg-btn-outline-text)","var(--color-mktg-btn-outline-hover-text)","var(--color-mktg-btn-dark-text)","var(--color-mktg-btn-dark-hover-text)"],"background-color":["var(--color-mktg-btn-bg-bottom)","var(--color-mktg-btn-bg-bottom)","var(--color-mktg-btn-primary-bg-bottom)","var(--color-mktg-btn-primary-bg-bottom)","var(--color-mktg-btn-enterprise-bg-bottom)","var(--color-mktg-btn-enterprise-bg-bottom)"],"background-image":["linear-gradient(-180deg, var(--color-mktg-btn-bg-top) 0%, var(--color-mktg-btn-bg-bottom) 100%)","linear-gradient(-180deg, var(--color-mktg-btn-bg-overlay-top) 0%, var(--color-mktg-btn-bg-overlay-bottom) 100%)","linear-gradient(-180deg, var(--color-mktg-btn-bg-top) 0%, var(--color-mktg-btn-bg-bottom) 100%)","linear-gradient(-180deg, var(--color-mktg-btn-primary-bg-top) 0%, var(--color-mktg-btn-primary-bg-bottom) 100%)","linear-gradient(-180deg, var(--color-mktg-btn-primary-bg-overlay-top) 0%, var(--color-mktg-btn-primary-bg-overlay-bottom) 100%)","linear-gradient(-180deg, var(--color-mktg-btn-primary-bg-top) 0%, var(--color-mktg-btn-primary-bg-bottom) 100%)","linear-gradient(-180deg, var(--color-mktg-btn-enterprise-bg-top) 0%, var(--color-mktg-btn-enterprise-bg-bottom) 100%)","linear-gradient(-180deg, var(--color-mktg-btn-enterprise-bg-overlay-top) 0%, var(--color-mktg-btn-enterprise-bg-overlay-bottom) 100%)","linear-gradient(-180deg, var(--color-mktg-btn-enterprise-bg-top) 0%, var(--color-mktg-btn-enterprise-bg-bottom) 100%)"],"outline":["0","0","0","0","0"],"box-shadow":["0 0 0 0.2em rgba(var(--color-mktg-btn-bg-bottom), 0.4)","0 0 0 0.2em rgba(var(--color-mktg-btn-primary-bg-bottom), 0.4)","0 0 0 0.2em rgba(var(--color-mktg-btn-enterprise-bg-bottom), 0.4)","0 0 0 1px var(--color-mktg-btn-outline-border) inset","0 0 0 2px var(--color-mktg-btn-outline-hover-border) inset","0 0 0 2px var(--color-mktg-btn-outline-focus-border) inset,0 0 0 4px var(--color-mktg-btn-outline-focus-border-inset)","0 0 0 1px var(--color-mktg-btn-dark-border) inset","0 0 0 2px var(--color-mktg-btn-dark-hover-border) inset","0 0 0 2px var(--color-mktg-btn-dark-focus-border) inset,0 0 0 4px var(--color-mktg-btn-dark-focus-border-inset)"],"pointer-events":["none","none","none"],"cursor":["default","default","default"],"opacity":["0.5","0","1","0.5","0.5","0.5","0.5"],"background-blend-mode":["overlay, normal"],"top":["0"],"right":["0"],"bottom":["0"],"left":["0"],"content":["\"\""],"transition":["opacity 0.4s","opacity 0.4s","box-shadow 0.4s, color 0.4s","box-shadow 0.4s, color 0.4s"],"text-decoration":["none"],"background":["none","none","none","none"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}