@primer/css
Version:
The CSS implementation of GitHub's Primer Design System
1 lines • 11.3 kB
JSON
{"size":5808,"gzipSize":1055,"humanizedSize":"6KB","humanizedGzipSize":"1KB","rules":{"total":29,"size":{"graph":[5,5,5,5,5,18,13,2,1,3,2,3,1,3,3,1,1,1,1,3,1,1,2,1,3,2,3,1,2],"max":18,"average":3.3448275862068964},"selectorByRuleSizes":[{"selector":".btn-mktg","declarations":18},{"selector":".btn-mktg::before","declarations":13},{"selector":"[data-color-mode=auto][data-dark-theme*=light]","declarations":5},{"selector":"[data-color-mode=auto][data-light-theme*=light]","declarations":5},{"selector":"[data-color-mode=auto][data-dark-theme*=dark]","declarations":5},{"selector":"[data-color-mode=auto][data-light-theme*=dark]","declarations":5},{"selector":"[data-color-mode=light][data-light-theme*=dark],[data-color-mode=dark][data-dark-theme*=dark]","declarations":5},{"selector":".btn-signup-mktg:focus-visible","declarations":3},{"selector":".btn-signup-mktg:focus","declarations":3},{"selector":".btn-subtle-mktg","declarations":3},{"selector":".btn-muted-mktg","declarations":3},{"selector":".btn-mktg.disabled,.btn-mktg[disabled]","declarations":3},{"selector":".btn-mktg:focus-visible","declarations":3},{"selector":".btn-mktg:focus","declarations":3},{"selector":".btn-large-mktg","declarations":2},{"selector":".btn-signup-mktg:focus:not(:focus-visible)","declarations":2},{"selector":".btn-signup-mktg","declarations":2},{"selector":".btn-mktg:focus:not(:focus-visible)","declarations":2},{"selector":".btn-mktg:hover","declarations":2},{"selector":".btn-small-mktg","declarations":1},{"selector":".btn-signup-mktg::before","declarations":1},{"selector":".btn-subtle-mktg:hover","declarations":1},{"selector":".btn-subtle-mktg::before","declarations":1},{"selector":".btn-muted-mktg:disabled","declarations":1},{"selector":".btn-muted-mktg:active","declarations":1},{"selector":".btn-muted-mktg:hover","declarations":1},{"selector":".btn-muted-mktg::before","declarations":1},{"selector":".btn-mktg:active::before","declarations":1},{"selector":".btn-mktg:hover::before,.btn-mktg:focus::before,.btn-mktg:focus-visible::before,.btn-mktg.focus::before","declarations":1}]},"selectors":{"total":34,"type":0,"class":28,"id":0,"pseudoClass":15,"pseudoElement":9,"values":["[data-color-mode=light][data-light-theme*=dark]","[data-color-mode=dark][data-dark-theme*=dark]","[data-color-mode=auto][data-light-theme*=dark]","[data-color-mode=auto][data-dark-theme*=dark]","[data-color-mode=auto][data-light-theme*=light]","[data-color-mode=auto][data-dark-theme*=light]",".btn-mktg",".btn-mktg::before",".btn-mktg:hover",".btn-mktg:hover::before",".btn-mktg:focus::before",".btn-mktg:focus-visible::before",".btn-mktg.focus::before",".btn-mktg:focus",".btn-mktg:focus:not(:focus-visible)",".btn-mktg:focus-visible",".btn-mktg:active::before",".btn-mktg.disabled",".btn-mktg[disabled]",".btn-muted-mktg",".btn-muted-mktg::before",".btn-muted-mktg:hover",".btn-muted-mktg:active",".btn-muted-mktg:disabled",".btn-subtle-mktg",".btn-subtle-mktg::before",".btn-subtle-mktg:hover",".btn-signup-mktg",".btn-signup-mktg::before",".btn-signup-mktg:focus",".btn-signup-mktg:focus:not(:focus-visible)",".btn-signup-mktg:focus-visible",".btn-small-mktg",".btn-large-mktg"],"specificity":{"max":30,"average":17.91176470588235}},"declarations":{"total":97,"unique":63,"uniqueToTotalRatio":0.6494845360824743,"properties":{"--color-mktg-btn-shadow-outline":["rgba(255, 255, 255, 0.25) 0 0 0 1px inset","rgba(255, 255, 255, 0.25) 0 0 0 1px inset","rgba(255, 255, 255, 0.25) 0 0 0 1px inset","rgba(0, 0, 0, 0.15) 0 0 0 1px inset","rgba(0, 0, 0, 0.15) 0 0 0 1px inset"],"--color-mktg-btn-bg":["#f6f8fa","#f6f8fa","#f6f8fa","#1b1f23","#1b1f23"],"--color-mktg-btn-shadow-focus":["rgba(255, 255, 255, 0.25) 0 0 0 4px","rgba(255, 255, 255, 0.25) 0 0 0 4px","rgba(255, 255, 255, 0.25) 0 0 0 4px","rgba(0, 0, 0, 0.15) 0 0 0 4px","rgba(0, 0, 0, 0.15) 0 0 0 4px"],"--color-mktg-btn-shadow-hover":["0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)","0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)","0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)","0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)","0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)"],"--color-mktg-btn-shadow-hover-muted":["rgb(255, 255, 255) 0 0 0 2px inset","rgb(255, 255, 255) 0 0 0 2px inset","rgb(255, 255, 255) 0 0 0 2px inset","rgba(0, 0, 0, 0.7) 0 0 0 2px inset","rgba(0, 0, 0, 0.7) 0 0 0 2px inset"],"position":["relative","absolute"],"z-index":["1","-1"],"display":["inline-block","none"],"padding":[".9rem 1.5rem 1.1rem",".625rem 1rem .8125rem","16px 30px 20px"],"font-size":["1rem","1.25rem"],"font-weight":["600"],"line-height":["1"],"color":["var(--color-canvas-default)","var(--color-fg-default)","var(--color-fg-default)","#fff"],"text-align":["center"],"white-space":["nowrap"],"vertical-align":["middle"],"-webkit-user-select":["none"],"user-select":["none"],"background":["linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%),#1b1f23","linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%)","none","none","none","linear-gradient(180deg, rgba(52, 183, 89, 0.15) 0%, rgba(46, 164, 79, 0) 100%),#2ea44f","linear-gradient(180deg, rgba(52, 183, 89, 0.15) 0%, rgba(46, 164, 79, 0) 100%)"],"border":["0"],"border-radius":[".375rem","inherit"],"transition":["box-shadow .2s,outline .2s ease","opacity .2s"],"appearance":["none"],"top":["0"],"right":["0"],"bottom":["0"],"left":["0"],"content":["\"\""],"opacity":["0","0","1",".5",".5"],"background-blend-mode":["normal"],"text-decoration":["none"],"box-shadow":["0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)","none","none","none","rgba(0, 0, 0, 0.15) 0 0 0 1px inset","rgba(0, 0, 0, 0.7) 0 0 0 2px inset","var(--color-fg-default) 0 0 0 3px inset","var(--color-fg-subtle) 0 0 0 1px inset","none","rgba(0, 0, 0, 0.7) 0 0 0 2px inset","none","none","none"],"outline":["2px solid var(--color-accent-fg)","solid 1px rgba(0,0,0,0)","2px solid var(--color-accent-fg)","2px solid var(--color-accent-fg)","solid 1px rgba(0,0,0,0)","2px solid var(--color-accent-fg)"],"outline-offset":["2px","2px","2px","2px"],"pointer-events":["none"],"cursor":["default"]}},"mediaQueries":{"total":4,"unique":2,"values":["(prefers-color-scheme: light)","(prefers-color-scheme: dark)","(prefers-color-scheme: light)","(prefers-color-scheme: dark)"],"contents":[{"value":"(prefers-color-scheme: light)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5},"selectorByRuleSizes":[{"selector":"[data-color-mode=auto][data-light-theme*=dark]","declarations":5}]},"selectors":{"total":1,"type":0,"class":0,"id":0,"pseudoClass":0,"pseudoElement":0,"values":["[data-color-mode=auto][data-light-theme*=dark]"],"specificity":{"max":20,"average":20}},"declarations":{"total":5,"unique":5,"uniqueToTotalRatio":1,"properties":{"--color-mktg-btn-shadow-outline":["rgba(255, 255, 255, 0.25) 0 0 0 1px inset"],"--color-mktg-btn-bg":["#f6f8fa"],"--color-mktg-btn-shadow-focus":["rgba(255, 255, 255, 0.25) 0 0 0 4px"],"--color-mktg-btn-shadow-hover":["0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)"],"--color-mktg-btn-shadow-hover-muted":["rgb(255, 255, 255) 0 0 0 2px inset"]}}},{"value":"(prefers-color-scheme: dark)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5},"selectorByRuleSizes":[{"selector":"[data-color-mode=auto][data-dark-theme*=dark]","declarations":5}]},"selectors":{"total":1,"type":0,"class":0,"id":0,"pseudoClass":0,"pseudoElement":0,"values":["[data-color-mode=auto][data-dark-theme*=dark]"],"specificity":{"max":20,"average":20}},"declarations":{"total":5,"unique":5,"uniqueToTotalRatio":1,"properties":{"--color-mktg-btn-shadow-outline":["rgba(255, 255, 255, 0.25) 0 0 0 1px inset"],"--color-mktg-btn-bg":["#f6f8fa"],"--color-mktg-btn-shadow-focus":["rgba(255, 255, 255, 0.25) 0 0 0 4px"],"--color-mktg-btn-shadow-hover":["0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)"],"--color-mktg-btn-shadow-hover-muted":["rgb(255, 255, 255) 0 0 0 2px inset"]}}},{"value":"(prefers-color-scheme: light)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5},"selectorByRuleSizes":[{"selector":"[data-color-mode=auto][data-light-theme*=light]","declarations":5}]},"selectors":{"total":1,"type":0,"class":0,"id":0,"pseudoClass":0,"pseudoElement":0,"values":["[data-color-mode=auto][data-light-theme*=light]"],"specificity":{"max":20,"average":20}},"declarations":{"total":5,"unique":5,"uniqueToTotalRatio":1,"properties":{"--color-mktg-btn-shadow-outline":["rgba(0, 0, 0, 0.15) 0 0 0 1px inset"],"--color-mktg-btn-bg":["#1b1f23"],"--color-mktg-btn-shadow-focus":["rgba(0, 0, 0, 0.15) 0 0 0 4px"],"--color-mktg-btn-shadow-hover":["0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)"],"--color-mktg-btn-shadow-hover-muted":["rgba(0, 0, 0, 0.7) 0 0 0 2px inset"]}}},{"value":"(prefers-color-scheme: dark)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5},"selectorByRuleSizes":[{"selector":"[data-color-mode=auto][data-dark-theme*=light]","declarations":5}]},"selectors":{"total":1,"type":0,"class":0,"id":0,"pseudoClass":0,"pseudoElement":0,"values":["[data-color-mode=auto][data-dark-theme*=light]"],"specificity":{"max":20,"average":20}},"declarations":{"total":5,"unique":5,"uniqueToTotalRatio":1,"properties":{"--color-mktg-btn-shadow-outline":["rgba(0, 0, 0, 0.15) 0 0 0 1px inset"],"--color-mktg-btn-bg":["#1b1f23"],"--color-mktg-btn-shadow-focus":["rgba(0, 0, 0, 0.15) 0 0 0 4px"],"--color-mktg-btn-shadow-hover":["0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)"],"--color-mktg-btn-shadow-hover-muted":["rgba(0, 0, 0, 0.7) 0 0 0 2px inset"]}}}]}}