@primer/css/dist/stats/marketing-support.json

The CSS implementation of GitHub's Primer Design System

{"size":2929,"gzipSize":369,"humanizedSize":"3KB","humanizedGzipSize":"369B","rules":{"total":5,"size":{"graph":[5,5,5,5,5],"max":5,"average":5},"selectorByRuleSizes":[{"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}]},"selectors":{"total":6,"type":0,"class":0,"id":0,"pseudoClass":0,"pseudoElement":0,"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]"],"specificity":{"max":20,"average":20}},"declarations":{"total":25,"unique":10,"uniqueToTotalRatio":0.4,"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"]}},"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"]}}}]}}