@primer/css
Version:
The CSS implementation of GitHub's Primer Design System
1 lines • 9.24 kB
JSON
{"size":3661,"gzipSize":681,"humanizedSize":"4KB","humanizedGzipSize":"681B","rules":{"total":13,"size":{"graph":[5,5,5,5,5,2,1,10,1,2,1,1,1],"max":10,"average":3.3846153846153846},"selectorByRuleSizes":[{"selector":".link-mktg::after,.link-mktg.link-emphasis-mktg::before","declarations":10},{"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":".link-mktg.link-emphasis-mktg::before","declarations":2},{"selector":".link-mktg","declarations":2},{"selector":".link-mktg.arrow-target-mktg .arrow-symbol-mktg","declarations":1},{"selector":".link-mktg:focus,.link-mktg:focus-visible","declarations":1},{"selector":".link-mktg:hover::after,.link-mktg:active::after","declarations":1},{"selector":".link-mktg::after,.link-mktg.link-emphasis-mktg::before","declarations":1},{"selector":".link-mktg:hover","declarations":1}]},"selectors":{"total":18,"type":0,"class":12,"id":0,"pseudoClass":5,"pseudoElement":7,"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]",".link-mktg",".link-mktg:hover",".link-mktg::after",".link-mktg.link-emphasis-mktg::before",".link-mktg::after",".link-mktg.link-emphasis-mktg::before",".link-mktg.link-emphasis-mktg::before",".link-mktg:hover::after",".link-mktg:active::after",".link-mktg:focus",".link-mktg:focus-visible",".link-mktg.arrow-target-mktg .arrow-symbol-mktg"],"specificity":{"max":30,"average":19.27777777777778}},"declarations":{"total":44,"unique":28,"uniqueToTotalRatio":0.6363636363636364,"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"],"display":["inline-block"],"text-decoration":["none"],"bottom":["-0.15em"],"left":["0"],"width":["calc(100% - 1em)"],"height":["2px"],"pointer-events":["none"],"content":["\"\""],"background-color":["currentColor"],"transform":["scaleX(0)","scaleX(1)","scaleX(1)"],"transform-origin":["0 0"],"transition":["transform .3s ease"],"opacity":[".2"],"outline-offset":["2px"],"margin-left":["-0.25em"]}},"mediaQueries":{"total":5,"unique":3,"values":["(prefers-color-scheme: light)","(prefers-color-scheme: dark)","(prefers-color-scheme: light)","(prefers-color-scheme: dark)","screen and (prefers-reduced-motion: no-preference)"],"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"]}}},{"value":"screen and (prefers-reduced-motion: no-preference)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".link-mktg::after,.link-mktg.link-emphasis-mktg::before","declarations":1}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":2,"values":[".link-mktg::after",".link-mktg.link-emphasis-mktg::before"],"specificity":{"max":21,"average":16}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["transform .3s ease"]}}}]}}