@primer/css
Version:
The CSS implementation of GitHub's Primer Design System
1 lines • 8.58 kB
JSON
{"size":4301,"gzipSize":1082,"humanizedSize":"4KB","humanizedGzipSize":"1KB","rules":{"total":35,"size":{"graph":[1,2,2,2,18,1,1,1,8,1,3,2,1,1,3,1,1,4,2,1,5,2,4,2,12,1,5,3,1,2,1,2,2,1,1],"max":18,"average":2.857142857142857},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track","declarations":18},{"selector":".ToggleSwitch-knob","declarations":12},{"selector":":is(.ToggleSwitch-track:before)","declarations":8},{"selector":".ToggleSwitch-status","declarations":5},{"selector":".ToggleSwitch-icons","declarations":5},{"selector":".ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon","declarations":4},{"selector":".ToggleSwitch-track[disabled]","declarations":4},{"selector":".ToggleSwitch-statusIcon","declarations":3},{"selector":".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob","declarations":3},{"selector":".ToggleSwitch-track[aria-pressed=true][disabled]","declarations":3},{"selector":".ToggleSwitch-statusOff","declarations":2},{"selector":".ToggleSwitch-statusOn","declarations":2},{"selector":".ToggleSwitch--small .ToggleSwitch-track","declarations":2},{"selector":".ToggleSwitch-circleIcon","declarations":2},{"selector":".ToggleSwitch-lineIcon","declarations":2},{"selector":".ToggleSwitch-track[disabled] .ToggleSwitch-knob","declarations":2},{"selector":".ToggleSwitch-track[aria-pressed=true]","declarations":2},{"selector":".ToggleSwitch--checked .ToggleSwitch-statusOff","declarations":2},{"selector":".ToggleSwitch--checked .ToggleSwitch-statusOn","declarations":2},{"selector":".ToggleSwitch","declarations":2},{"selector":".ToggleSwitch--statusAtEnd .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch--statusAtEnd","declarations":1},{"selector":".ToggleSwitch--disabled .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch--small .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch-knob","declarations":1},{"selector":".ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon,.ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true]:not([disabled]):active","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover","declarations":1},{"selector":".ToggleSwitch-track,.ToggleSwitch-track *","declarations":1},{"selector":".ToggleSwitch-track:active","declarations":1},{"selector":".ToggleSwitch-track:hover","declarations":1},{"selector":".ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible","declarations":1},{"selector":".ToggleSwitch,.ToggleSwitch.ToggleSwitch","declarations":1}]},"selectors":{"total":40,"type":0,"class":40,"id":0,"pseudoClass":6,"pseudoElement":1,"values":[".ToggleSwitch",".ToggleSwitch.ToggleSwitch",".ToggleSwitch",".ToggleSwitch--checked .ToggleSwitch-statusOn",".ToggleSwitch--checked .ToggleSwitch-statusOff",".ToggleSwitch-track",".ToggleSwitch-track:focus",".ToggleSwitch-track:focus-visible",".ToggleSwitch-track:hover",".ToggleSwitch-track:active",":is(.ToggleSwitch-track:before)",".ToggleSwitch-track",".ToggleSwitch-track *",".ToggleSwitch-track[aria-pressed=true][disabled]",".ToggleSwitch-track[aria-pressed=true]",".ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover",".ToggleSwitch-track[aria-pressed=true]:not([disabled]):active",".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob",".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon",".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon",".ToggleSwitch-track[disabled]",".ToggleSwitch-track[disabled] .ToggleSwitch-knob",".ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon",".ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon",".ToggleSwitch-icons",".ToggleSwitch-lineIcon",".ToggleSwitch-circleIcon",".ToggleSwitch-lineIcon",".ToggleSwitch-circleIcon",".ToggleSwitch-knob",".ToggleSwitch-knob",".ToggleSwitch-status",".ToggleSwitch-statusIcon",".ToggleSwitch--small .ToggleSwitch-status",".ToggleSwitch--small .ToggleSwitch-track",".ToggleSwitch--disabled .ToggleSwitch-status",".ToggleSwitch-statusOn",".ToggleSwitch-statusOff",".ToggleSwitch--statusAtEnd",".ToggleSwitch--statusAtEnd .ToggleSwitch-status"],"specificity":{"max":40,"average":18.525}},"declarations":{"total":100,"unique":79,"uniqueToTotalRatio":0.79,"properties":{"display":["inline-flex","block","flex","flex"],"align-items":["center","center"],"gap":["var(--controlStack-medium-gap-condensed)"],"height":["auto","0","var(--control-medium-size)","100%","100%","var(--control-xsmall-size)","0","auto"],"visibility":["visible","hidden","hidden","visible"],"appearance":["none"],"background-color":["var(--controlTrack-bgColor-rest)","var(--controlTrack-bgColor-hover)","var(--controlTrack-bgColor-active)","var(--controlTrack-bgColor-disabled)","var(--control-checked-bgColor-rest)","var(--control-checked-bgColor-hover)","var(--control-checked-bgColor-active)","var(--controlKnob-bgColor-checked)","var(--controlTrack-bgColor-disabled)","var(--controlKnob-bgColor-rest)"],"border":["var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest)","var(--borderWidth-thin) solid var(--controlKnob-borderColor-rest)"],"border-radius":["var(--borderRadius-medium)","var(--borderRadius-medium)"],"cursor":["pointer","not-allowed"],"overflow":["hidden","hidden"],"padding":["0"],"position":["relative","absolute","absolute","relative"],"-webkit-text-decoration":["none"],"text-decoration":["none"],"transition-duration":["80ms","80ms","80ms"],"transition-property":["background-color,border-color","none","transform","transform"],"transition-timing-function":["cubic-bezier(0.5, 1, 0.89, 1)","cubic-bezier(0.5, 1, 0.89, 1)"],"-webkit-user-select":["none"],"user-select":["none"],"width":["var(--base-size-64)","100%","100%","50%","var(--base-size-16)","var(--base-size-48)"],"outline-offset":["1px"],"content":["\"\""],"left":["50%"],"min-height":["44px"],"top":["50%","0"],"transform":["translateX(-50%) translateY(-50%)","translateX(100%)","translateX(0)","translateX(100%)","translateX(-100%)","translateX(0)"],"transition":["none","none"],"border-color":["rgba(0,0,0,0)","var(--borderColor-transparent)","var(--controlKnob-borderColor-checked)","rgba(0,0,0,0)","var(--borderColor-default)"],"color":["var(--control-checked-fgColor-disabled)","var(--controlTrack-fgColor-disabled)","var(--control-checked-fgColor-rest)","var(--controlTrack-fgColor-rest)","var(--fgColor-default)","var(--fgColor-muted)"],"box-shadow":["none","var(--shadow-resting-medium),var(--button-default-shadow-inset)"],"flex":["1 0 50%"],"line-height":["0","var(--text-title-lineHeight-large)"],"bottom":["0"],"z-index":["1"],"font-size":["var(--text-body-size-medium)","var(--text-body-size-small)"],"text-align":["right","left"],"margin-top":[".063rem"],"flex-direction":["row-reverse"]}},"mediaQueries":{"total":3,"unique":2,"values":["(pointer: coarse)","(prefers-reduced-motion)","(prefers-reduced-motion)"],"contents":[{"value":"(pointer: coarse)","rules":{"total":1,"size":{"graph":[8],"max":8,"average":8},"selectorByRuleSizes":[{"selector":":is(.ToggleSwitch-track:before)","declarations":8}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[":is(.ToggleSwitch-track:before)"],"specificity":{"max":21,"average":21}},"declarations":{"total":8,"unique":8,"uniqueToTotalRatio":1,"properties":{"content":["\"\""],"height":["100%"],"left":["50%"],"min-height":["44px"],"position":["absolute"],"top":["50%"],"transform":["translateX(-50%) translateY(-50%)"],"width":["100%"]}}},{"value":"(prefers-reduced-motion)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track,.ToggleSwitch-track *","declarations":1}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ToggleSwitch-track",".ToggleSwitch-track *"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["none"]}}},{"value":"(prefers-reduced-motion)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ToggleSwitch-knob","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ToggleSwitch-knob"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["none"]}}}]}}