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

The CSS implementation of GitHub's Primer Design System

{"size":2174,"gzipSize":653,"humanizedSize":"2KB","humanizedGzipSize":"653B","rules":{"total":22,"size":{"graph":[6,3,11,1,5,1,1,2,1,2,1,2,1,2,1,1,2,1,3,1,1,1],"max":11,"average":2.272727272727273},"selectorByRuleSizes":[{"selector":".Toast-icon","declarations":11},{"selector":".Toast","declarations":6},{"selector":".Toast-dismissButton","declarations":5},{"selector":"100%","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":"to","declarations":1},{"selector":"from","declarations":1},{"selector":".Toast--spinner","declarations":1},{"selector":".Toast--animateOut","declarations":1},{"selector":".Toast--animateIn","declarations":1},{"selector":".Toast--success .Toast-icon","declarations":1},{"selector":".Toast--warning .Toast-icon","declarations":1},{"selector":".Toast--error .Toast-icon","declarations":1},{"selector":".Toast--loading .Toast-icon","declarations":1},{"selector":".Toast-dismissButton:active","declarations":1},{"selector":".Toast-dismissButton:hover","declarations":1},{"selector":".Toast-content","declarations":1}]},"selectors":{"total":18,"type":0,"class":18,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".Toast",".Toast",".Toast-icon",".Toast-content",".Toast-dismissButton",".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.333333333333334}},"declarations":{"total":50,"unique":38,"uniqueToTotalRatio":0.76,"properties":{"display":["flex","flex"],"margin":["var(--base-size-8)","var(--base-size-16)"],"color":["var(--color-fg-default)","var(--color-fg-on-emphasis)","inherit","var(--color-fg-default)","var(--color-fg-default)","var(--color-fg-default)","var(--color-fg-default)"],"background-color":["var(--color-canvas-default)","var(--color-accent-emphasis)","rgba(0,0,0,0)","var(--color-neutral-emphasis)","var(--color-danger-emphasis)","var(--color-attention-emphasis)","var(--color-success-emphasis)"],"border-radius":["6px"],"box-shadow":["inset 0 0 0 1px var(--color-border-default),var(--color-overlay-shadow)","inset 0 0 0 1px var(--color-border-default),var(--color-overlay-shadow)","inset 0 0 0 1px var(--color-border-default),var(--color-overlay-shadow)","inset 0 0 0 1px var(--color-border-default),var(--color-overlay-shadow)","inset 0 0 0 1px var(--color-border-default),var(--color-overlay-shadow)"],"width":["max-content","calc(var(--base-size-16)*3)"],"max-width":["450px"],"align-items":["center"],"justify-content":["center"],"flex-shrink":["0"],"border":["1px solid rgba(0,0,0,0)","0"],"border-right":["0"],"border-top-left-radius":["inherit"],"border-bottom-left-radius":["inherit"],"padding":["var(--base-size-16)","var(--base-size-16)"],"max-height":["54px"],"opacity":[".7",".5","0","0"],"animation":["Toast--animateIn .18s cubic-bezier(0.22, 0.61, 0.36, 1) backwards","Toast--animateOut .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":["var(--base-size-16)"]}}}]}}