@primer/css/dist/stats/toasts.json

The CSS implementation of GitHub's Primer Design System

{"size":2557,"gzipSize":695,"humanizedSize":"2KB","humanizedGzipSize":"695B","rules":{"total":22,"size":{"graph":[6,3,11,1,5,2,1,2,3,2,3,2,3,2,3,1,2,1,3,1,1,1],"max":11,"average":2.6818181818181817},"selectorByRuleSizes":[{"selector":".Toast-icon","declarations":11},{"selector":".Toast","declarations":6},{"selector":".Toast-dismissButton","declarations":5},{"selector":"100%","declarations":3},{"selector":".Toast--success .Toast-icon","declarations":3},{"selector":".Toast--warning .Toast-icon","declarations":3},{"selector":".Toast--error .Toast-icon","declarations":3},{"selector":".Toast--loading .Toast-icon","declarations":3},{"selector":".Toast","declarations":3},{"selector":"0%","declarations":2},{"selector":".Toast--success","declarations":2},{"selector":".Toast--warning","declarations":2},{"selector":".Toast--error","declarations":2},{"selector":".Toast--loading","declarations":2},{"selector":".Toast-dismissButton:focus,.Toast-dismissButton:hover","declarations":2},{"selector":"to","declarations":1},{"selector":"from","declarations":1},{"selector":".Toast--spinner","declarations":1},{"selector":".Toast--animateOut","declarations":1},{"selector":".Toast--animateIn","declarations":1},{"selector":".Toast-dismissButton:active","declarations":1},{"selector":".Toast-content","declarations":1}]},"selectors":{"total":19,"type":0,"class":19,"id":0,"pseudoClass":3,"pseudoElement":0,"values":[".Toast",".Toast",".Toast-icon",".Toast-content",".Toast-dismissButton",".Toast-dismissButton:focus",".Toast-dismissButton:hover",".Toast-dismissButton:active",".Toast--loading",".Toast--loading .Toast-icon",".Toast--error",".Toast--error .Toast-icon",".Toast--warning",".Toast--warning .Toast-icon",".Toast--success",".Toast--success .Toast-icon",".Toast--animateIn",".Toast--animateOut",".Toast--spinner"],"specificity":{"max":20,"average":13.68421052631579}},"declarations":{"total":59,"unique":55,"uniqueToTotalRatio":0.9322033898305084,"properties":{"display":["flex","flex"],"margin":["8px","16px"],"color":["var(--color-toast-text)","var(--color-toast-icon)","inherit","var(--color-toast-loading-text)","var(--color-toast-loading-icon)","var(--color-toast-danger-text)","var(--color-toast-danger-icon)","var(--color-toast-warning-text)","var(--color-toast-warning-icon)","var(--color-toast-success-text)","var(--color-toast-success-icon)"],"background-color":["var(--color-toast-bg)","var(--color-toast-icon-bg)","transparent","var(--color-toast-loading-icon-bg)","var(--color-toast-danger-icon-bg)","var(--color-toast-warning-icon-bg)","var(--color-toast-success-icon-bg)"],"border-radius":["6px"],"box-shadow":["inset 0 0 0 1px var(--color-toast-border),var(--color-toast-shadow)","inset 0 0 0 1px var(--color-toast-loading-border),var(--color-toast-shadow)","inset 0 0 0 1px var(--color-toast-danger-border),var(--color-toast-shadow)","inset 0 0 0 1px var(--color-toast-warning-border),var(--color-toast-shadow)","inset 0 0 0 1px var(--color-toast-success-border),var(--color-toast-shadow)"],"width":["max-content","48px"],"max-width":["450px"],"align-items":["center"],"justify-content":["center"],"flex-shrink":["0"],"border":["1px solid var(--color-toast-icon-border)","0"],"border-right":["0"],"border-top-left-radius":["inherit"],"border-bottom-left-radius":["inherit"],"padding":["16px","16px"],"max-height":["54px"],"outline":["none"],"opacity":["0.7","0.5","0","0"],"border-color":["var(--color-toast-loading-icon-border)","var(--color-toast-danger-icon-border)","var(--color-toast-warning-icon-border)","var(--color-toast-success-icon-border)"],"animation":["Toast--animateIn 0.18s cubic-bezier(0.22, 0.61, 0.36, 1) backwards","Toast--animateOut 0.18s cubic-bezier(0.55, 0.06, 0.68, 0.19) forwards","Toast--spinner 1000ms linear infinite"],"transform":["translateY(100%)","translateY(100%)","rotate(0deg)","rotate(360deg)"],"pointer-events":["none"]}},"mediaQueries":{"total":1,"unique":1,"values":["(min-width: 544px)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[3],"max":3,"average":3},"selectorByRuleSizes":[{"selector":".Toast","declarations":3}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".Toast"],"specificity":{"max":10,"average":10}},"declarations":{"total":3,"unique":3,"uniqueToTotalRatio":1,"properties":{"width":["max-content"],"max-width":["450px"],"margin":["16px"]}}}]}}