@primer/css
Version:
The CSS implementation of GitHub's Primer Design System
1 lines • 20.4 kB
JSON
{"size":12955,"gzipSize":2136,"humanizedSize":"13KB","humanizedGzipSize":"2KB","rules":{"total":96,"size":{"graph":[14,1,1,3,3,1,5,2,6,3,3,2,3,1,4,2,3,2,3,2,3,1,2,1,3,2,3,1,4,1,1,4,3,2,3,4,1,2,1,1,4,1,1,4,4,1,1,2,3,1,4,3,2,2,3,1,4,2,3,1,1,1,2,3,2,1,1,1,12,1,2,2,5,4,6,1,2,9,1,1,2,1,1,4,1,3,1,5,12,2,2,3,1,14,1,2],"max":14,"average":2.78125},"selectorByRuleSizes":[{"selector":".social-count","declarations":14},{"selector":".btn","declarations":14},{"selector":".hidden-text-expander a,.ellipsis-expander","declarations":12},{"selector":".btn-link","declarations":12},{"selector":".btn-octicon","declarations":9},{"selector":".btn-invisible:active,.btn-invisible.selected,.btn-invisible[aria-selected=true],.btn-invisible.zeroclipboard-is-active","declarations":6},{"selector":".btn","declarations":6},{"selector":".hidden-text-expander.inline","declarations":5},{"selector":".btn-invisible","declarations":5},{"selector":".btn .Counter","declarations":5},{"selector":".close-button","declarations":4},{"selector":".btn-invisible:hover,.btn-invisible.zeroclipboard-is-hover","declarations":4},{"selector":".BtnGroup-item","declarations":4},{"selector":".btn-large","declarations":4},{"selector":".btn-danger:disabled,.btn-danger.disabled,.btn-danger[aria-disabled=true]","declarations":4},{"selector":".btn-danger:active,.btn-danger.selected,.btn-danger[aria-selected=true]","declarations":4},{"selector":".btn-danger:hover,[open]>.btn-danger","declarations":4},{"selector":".btn-outline:disabled,.btn-outline.disabled,.btn-outline[aria-disabled=true]","declarations":4},{"selector":".btn-outline:active,.btn-outline.selected,.btn-outline[aria-selected=true]","declarations":4},{"selector":".btn-outline:hover,[open]>.btn-outline","declarations":4},{"selector":".btn-primary","declarations":4},{"selector":".btn-with-count","declarations":3},{"selector":".close-button:active","declarations":3},{"selector":".BtnGroup-parent:last-child .BtnGroup-item","declarations":3},{"selector":".BtnGroup-item:last-child","declarations":3},{"selector":".BtnGroup::after","declarations":3},{"selector":".btn-block","declarations":3},{"selector":".btn-sm","declarations":3},{"selector":".btn-outline:active:focus-visible,.btn-outline.selected:focus-visible,.btn-outline[aria-selected=true]:focus-visible","declarations":3},{"selector":".btn-outline:active:focus,.btn-outline.selected:focus,.btn-outline[aria-selected=true]:focus","declarations":3},{"selector":"a.btn-primary:focus-visible","declarations":3},{"selector":"a.btn-primary:focus","declarations":3},{"selector":".btn-primary:disabled,.btn-primary.disabled,.btn-primary[aria-disabled=true]","declarations":3},{"selector":".btn-primary:focus-visible","declarations":3},{"selector":".btn-primary:focus","declarations":3},{"selector":".btn:disabled,.btn.disabled,.btn[aria-disabled=true]","declarations":3},{"selector":".btn:active","declarations":3},{"selector":".btn:hover,.btn.hover,[open]>.btn","declarations":3},{"selector":".btn .octicon","declarations":3},{"selector":".btn i","declarations":3},{"selector":".social-count:hover","declarations":2},{"selector":".hidden-text-expander a:active,.ellipsis-expander:active","declarations":2},{"selector":".hidden-text-expander a:hover,.ellipsis-expander:hover","declarations":2},{"selector":".btn-octicon.disabled,.btn-octicon[aria-disabled=true]","declarations":2},{"selector":".btn-invisible:disabled,.btn-invisible.disabled,.btn-invisible[aria-disabled=true]","declarations":2},{"selector":".btn-link:not(.dropdown-item):focus,.btn-link:not(.dropdown-item):focus-visible","declarations":2},{"selector":".btn-link:disabled,.btn-link:disabled:hover,.btn-link[aria-disabled=true],.btn-link[aria-disabled=true]:hover","declarations":2},{"selector":".BtnGroup-parent .BtnGroup-item","declarations":2},{"selector":".BtnGroup-parent:first-child .BtnGroup-item","declarations":2},{"selector":".BtnGroup-item:first-child","declarations":2},{"selector":".BtnGroup::before","declarations":2},{"selector":".BtnGroup","declarations":2},{"selector":".btn-danger .Counter","declarations":2},{"selector":".btn-outline .Counter","declarations":2},{"selector":".btn-outline:active:focus:not(:focus-visible),.btn-outline.selected:focus:not(:focus-visible),.btn-outline[aria-selected=true]:focus:not(:focus-visible)","declarations":2},{"selector":"a.btn-primary:focus:not(:focus-visible)","declarations":2},{"selector":".btn-primary .Counter","declarations":2},{"selector":".btn-primary:active,.btn-primary.selected,.btn-primary[aria-selected=true]","declarations":2},{"selector":".btn-primary:focus:not(:focus-visible)","declarations":2},{"selector":".btn-primary:hover,.btn-primary.hover,[open]>.btn-primary","declarations":2},{"selector":".btn.selected,.btn[aria-selected=true]","declarations":2},{"selector":".btn .dropdown-caret","declarations":2},{"selector":".social-count:hover,.social-count:active","declarations":1},{"selector":".btn-with-count:focus","declarations":1},{"selector":".hidden-text-expander","declarations":1},{"selector":".close-button:hover","declarations":1},{"selector":".btn-octicon-danger:hover","declarations":1},{"selector":".btn-octicon.disabled:hover,.btn-octicon[aria-disabled=true]:hover","declarations":1},{"selector":".btn-octicon:focus,.btn-octicon:focus-visible","declarations":1},{"selector":".btn-octicon:hover","declarations":1},{"selector":".btn-invisible:active .btn-invisible.zeroclipboard-is-active","declarations":1},{"selector":".btn-link:hover","declarations":1},{"selector":".BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-parent:focus,.BtnGroup-parent:active","declarations":1},{"selector":".BtnGroup-parent.selected+.BtnGroup-item,.BtnGroup-parent.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-parent .BtnGroup-item","declarations":1},{"selector":".BtnGroup-parent.selected .BtnGroup-item,.BtnGroup-parent[aria-selected=true] .BtnGroup-item,.BtnGroup-parent:focus .BtnGroup-item,.BtnGroup-parent:active .BtnGroup-item,.BtnGroup-parent:hover .BtnGroup-item","declarations":1},{"selector":".BtnGroup-parent","declarations":1},{"selector":".BtnGroup-item.selected+.BtnGroup-item,.BtnGroup-item.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:active+.BtnGroup-item,.BtnGroup-item:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-parent .BtnGroup-item","declarations":1},{"selector":".BtnGroup-item.selected,.BtnGroup-item[aria-selected=true],.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-item:hover","declarations":1},{"selector":".BtnGroup+.BtnGroup,.BtnGroup+.btn","declarations":1},{"selector":".btn-sm .octicon","declarations":1},{"selector":".btn-danger:disabled .octicon,.btn-danger.disabled .octicon,.btn-danger[aria-disabled=true] .octicon","declarations":1},{"selector":".btn-danger:disabled .Counter,.btn-danger.disabled .Counter,.btn-danger[aria-disabled=true] .Counter","declarations":1},{"selector":".btn-danger:hover .octicon,[open]>.btn-danger .octicon","declarations":1},{"selector":".btn-danger:hover .Counter,[open]>.btn-danger .Counter","declarations":1},{"selector":".btn-danger .octicon","declarations":1},{"selector":".btn-danger","declarations":1},{"selector":".btn-outline:disabled .Counter,.btn-outline.disabled .Counter,.btn-outline[aria-disabled=true] .Counter","declarations":1},{"selector":".btn-outline:hover .octicon,[open]>.btn-outline .octicon","declarations":1},{"selector":".btn-outline:hover .Counter,[open]>.btn-outline .Counter","declarations":1},{"selector":".btn-outline","declarations":1},{"selector":".btn-primary .octicon","declarations":1},{"selector":".btn-primary:disabled .octicon,.btn-primary.disabled .octicon,.btn-primary[aria-disabled=true] .octicon","declarations":1},{"selector":".btn:disabled .octicon,.btn.disabled .octicon,.btn[aria-disabled=true] .octicon","declarations":1},{"selector":".btn .octicon:only-child","declarations":1},{"selector":".btn:disabled,.btn.disabled,.btn[aria-disabled=true]","declarations":1},{"selector":".btn:hover","declarations":1}]},"selectors":{"total":186,"type":7,"class":186,"id":0,"pseudoClass":91,"pseudoElement":2,"values":[".btn",".btn:hover",".btn:disabled",".btn.disabled",".btn[aria-disabled=true]",".btn i",".btn .octicon",".btn .octicon:only-child",".btn .Counter",".btn .dropdown-caret",".btn",".btn:hover",".btn.hover","[open]>.btn",".btn:active",".btn.selected",".btn[aria-selected=true]",".btn:disabled",".btn.disabled",".btn[aria-disabled=true]",".btn:disabled .octicon",".btn.disabled .octicon",".btn[aria-disabled=true] .octicon",".btn-primary",".btn-primary:hover",".btn-primary.hover","[open]>.btn-primary",".btn-primary:focus",".btn-primary:focus:not(:focus-visible)",".btn-primary:focus-visible",".btn-primary:active",".btn-primary.selected",".btn-primary[aria-selected=true]",".btn-primary:disabled",".btn-primary.disabled",".btn-primary[aria-disabled=true]",".btn-primary:disabled .octicon",".btn-primary.disabled .octicon",".btn-primary[aria-disabled=true] .octicon",".btn-primary .Counter",".btn-primary .octicon","a.btn-primary:focus","a.btn-primary:focus:not(:focus-visible)","a.btn-primary:focus-visible",".btn-outline",".btn-outline:hover","[open]>.btn-outline",".btn-outline:hover .Counter","[open]>.btn-outline .Counter",".btn-outline:hover .octicon","[open]>.btn-outline .octicon",".btn-outline:active",".btn-outline.selected",".btn-outline[aria-selected=true]",".btn-outline:active:focus",".btn-outline.selected:focus",".btn-outline[aria-selected=true]:focus",".btn-outline:active:focus:not(:focus-visible)",".btn-outline.selected:focus:not(:focus-visible)",".btn-outline[aria-selected=true]:focus:not(:focus-visible)",".btn-outline:active:focus-visible",".btn-outline.selected:focus-visible",".btn-outline[aria-selected=true]:focus-visible",".btn-outline:disabled",".btn-outline.disabled",".btn-outline[aria-disabled=true]",".btn-outline:disabled .Counter",".btn-outline.disabled .Counter",".btn-outline[aria-disabled=true] .Counter",".btn-outline .Counter",".btn-danger",".btn-danger .octicon",".btn-danger:hover","[open]>.btn-danger",".btn-danger:hover .Counter","[open]>.btn-danger .Counter",".btn-danger:hover .octicon","[open]>.btn-danger .octicon",".btn-danger:active",".btn-danger.selected",".btn-danger[aria-selected=true]",".btn-danger:disabled",".btn-danger.disabled",".btn-danger[aria-disabled=true]",".btn-danger:disabled .Counter",".btn-danger.disabled .Counter",".btn-danger[aria-disabled=true] .Counter",".btn-danger:disabled .octicon",".btn-danger.disabled .octicon",".btn-danger[aria-disabled=true] .octicon",".btn-danger .Counter",".btn-sm",".btn-sm .octicon",".btn-large",".btn-block",".BtnGroup",".BtnGroup::before",".BtnGroup::after",".BtnGroup+.BtnGroup",".BtnGroup+.btn",".BtnGroup-item",".BtnGroup-item:first-child",".BtnGroup-item:last-child",".BtnGroup-item.selected",".BtnGroup-item[aria-selected=true]",".BtnGroup-item:focus",".BtnGroup-item:active",".BtnGroup-item:hover",".BtnGroup-item.selected+.BtnGroup-item",".BtnGroup-item.selected+.BtnGroup-parent .BtnGroup-item",".BtnGroup-item[aria-selected=true]+.BtnGroup-item",".BtnGroup-item[aria-selected=true]+.BtnGroup-parent .BtnGroup-item",".BtnGroup-item:focus+.BtnGroup-item",".BtnGroup-item:focus+.BtnGroup-parent .BtnGroup-item",".BtnGroup-item:active+.BtnGroup-item",".BtnGroup-item:active+.BtnGroup-parent .BtnGroup-item",".BtnGroup-item:hover+.BtnGroup-item",".BtnGroup-item:hover+.BtnGroup-parent .BtnGroup-item",".BtnGroup-parent",".BtnGroup-parent:first-child .BtnGroup-item",".BtnGroup-parent:last-child .BtnGroup-item",".BtnGroup-parent .BtnGroup-item",".BtnGroup-parent.selected .BtnGroup-item",".BtnGroup-parent[aria-selected=true] .BtnGroup-item",".BtnGroup-parent:focus .BtnGroup-item",".BtnGroup-parent:active .BtnGroup-item",".BtnGroup-parent:hover .BtnGroup-item",".BtnGroup-parent.selected+.BtnGroup-item",".BtnGroup-parent.selected+.BtnGroup-parent .BtnGroup-item",".BtnGroup-parent[aria-selected=true]+.BtnGroup-item",".BtnGroup-parent[aria-selected=true]+.BtnGroup-parent .BtnGroup-item",".BtnGroup-parent:focus+.BtnGroup-item",".BtnGroup-parent:focus+.BtnGroup-parent .BtnGroup-item",".BtnGroup-parent:active+.BtnGroup-item",".BtnGroup-parent:active+.BtnGroup-parent .BtnGroup-item",".BtnGroup-parent:hover+.BtnGroup-item",".BtnGroup-parent:hover+.BtnGroup-parent .BtnGroup-item",".BtnGroup-item:focus",".BtnGroup-item:active",".BtnGroup-parent:focus",".BtnGroup-parent:active",".btn-link",".btn-link:hover",".btn-link:disabled",".btn-link:disabled:hover",".btn-link[aria-disabled=true]",".btn-link[aria-disabled=true]:hover",".btn-link:not(.dropdown-item):focus",".btn-link:not(.dropdown-item):focus-visible",".btn-invisible",".btn-invisible:hover",".btn-invisible.zeroclipboard-is-hover",".btn-invisible:active",".btn-invisible.selected",".btn-invisible[aria-selected=true]",".btn-invisible.zeroclipboard-is-active",".btn-invisible:active .btn-invisible.zeroclipboard-is-active",".btn-invisible:disabled",".btn-invisible.disabled",".btn-invisible[aria-disabled=true]",".btn-octicon",".btn-octicon:hover",".btn-octicon:focus",".btn-octicon:focus-visible",".btn-octicon.disabled",".btn-octicon[aria-disabled=true]",".btn-octicon.disabled:hover",".btn-octicon[aria-disabled=true]:hover",".btn-octicon-danger:hover",".close-button",".close-button:hover",".close-button:active",".hidden-text-expander",".hidden-text-expander.inline",".hidden-text-expander a",".ellipsis-expander",".hidden-text-expander a:hover",".ellipsis-expander:hover",".hidden-text-expander a:active",".ellipsis-expander:active",".btn-with-count",".btn-with-count:focus",".social-count",".social-count:hover",".social-count:active",".social-count:hover"],"specificity":{"max":40,"average":23.274193548387096}},"declarations":{"total":267,"unique":146,"uniqueToTotalRatio":0.5468164794007491,"properties":{"position":["relative","relative","relative","relative"],"display":["inline-block","block","inline-block","table","table","inline-block","inline-block","block","inline-block","inline-block"],"padding":["5px var(--base-size-16)","3px 12px",".75em 1.5em","0","5px","0","0 5px 5px","3px 12px"],"font-size":["14px","12px","inherit","inherit","12px","12px"],"font-weight":["500","500","600","600"],"line-height":["20px","20px","1.5","1","0","6px","20px"],"white-space":["nowrap","nowrap"],"vertical-align":["middle","text-bottom","top","text-top","middle","middle","middle","middle"],"cursor":["pointer","default","pointer","default","default","pointer"],"-webkit-user-select":["none","none"],"user-select":["none","none"],"border":["1px solid","0","0","0","0","0","1px solid var(--color-btn-border)"],"border-radius":["6px",".5em","0","0","6px","6px","6px","1px"],"appearance":["none","none"],"text-decoration":["none","none","underline","none","none","none"],"font-style":["normal"],"opacity":[".75",".8"],"margin-right":["var(--base-size-4)","0"],"color":["var(--color-fg-muted)","inherit","var(--color-btn-text)","var(--color-primer-fg-disabled)","var(--color-primer-fg-disabled)","var(--color-btn-primary-text)","var(--color-btn-primary-disabled-text)","var(--color-btn-primary-disabled-text)","inherit","var(--color-btn-primary-icon)","var(--color-btn-outline-text)","var(--color-btn-outline-hover-text)","inherit","var(--color-btn-outline-selected-text)","var(--color-btn-outline-disabled-text)","inherit","var(--color-btn-danger-text)","var(--color-btn-danger-icon)","var(--color-btn-danger-hover-text)","var(--color-btn-danger-hover-icon)","var(--color-btn-danger-selected-text)","var(--color-btn-danger-disabled-text)","var(--color-btn-danger-disabled-text)","inherit","var(--color-accent-fg)","var(--color-primer-fg-disabled)","var(--color-accent-fg)","var(--color-accent-fg)","var(--color-accent-fg)","var(--color-primer-fg-disabled)","var(--color-fg-muted)","var(--color-accent-fg)","var(--color-primer-fg-disabled)","var(--color-primer-fg-disabled)","var(--color-danger-fg)","var(--color-fg-muted)","var(--color-fg-default)","var(--color-fg-default)","var(--color-fg-on-emphasis)","var(--color-fg-default)","var(--color-accent-fg)"],"margin-left":["2px","var(--base-size-4)","var(--base-size-4)","5px","5px"],"text-shadow":["none"],"background-color":["var(--color-btn-counter-bg)","var(--color-btn-bg)","var(--color-btn-hover-bg)","var(--color-btn-active-bg)","var(--color-btn-selected-bg)","var(--color-btn-bg)","var(--color-btn-primary-bg)","var(--color-btn-primary-hover-bg)","var(--color-btn-primary-selected-bg)","var(--color-btn-primary-disabled-bg)","var(--color-btn-primary-counter-bg)","var(--color-btn-outline-hover-bg)","var(--color-btn-outline-hover-counter-bg)","var(--color-btn-outline-selected-bg)","var(--color-btn-outline-disabled-bg)","var(--color-btn-outline-disabled-counter-bg)","var(--color-btn-outline-counter-bg)","var(--color-btn-danger-hover-bg)","var(--color-btn-danger-hover-counter-bg)","var(--color-btn-danger-selected-bg)","var(--color-btn-danger-disabled-bg)","var(--color-btn-danger-disabled-counter-bg)","var(--color-btn-danger-counter-bg)","rgba(0,0,0,0)","rgba(0,0,0,0)","var(--color-btn-hover-bg)","var(--color-btn-selected-bg)","rgba(0,0,0,0)","var(--color-accent-muted)","var(--color-accent-emphasis)","var(--color-canvas-default)"],"border-color":["var(--color-btn-border)","var(--color-btn-hover-border)","var(--color-btn-active-border)","var(--color-btn-border)","var(--color-btn-primary-border)","var(--color-btn-primary-hover-border)","var(--color-btn-primary-disabled-border)","var(--color-btn-outline-hover-border)","var(--color-btn-outline-selected-border)","var(--color-btn-border)","var(--color-btn-danger-hover-border)","var(--color-btn-danger-selected-border)","var(--color-btn-border)","var(--color-btn-active-border)"],"box-shadow":["var(--color-btn-shadow),var(--color-btn-inset-shadow)","var(--color-primer-shadow-inset)","var(--color-btn-primary-shadow),var(--color-btn-primary-inset-shadow)","inset 0 0 0 3px var(--color-fg-on-emphasis)","none","inset 0 0 0 3px var(--color-fg-on-emphasis)","var(--color-btn-primary-selected-shadow)","inset 0 0 0 3px var(--color-fg-on-emphasis)","none","inset 0 0 0 3px var(--color-fg-on-emphasis)","var(--color-btn-outline-hover-shadow),var(--color-btn-outline-hover-inset-shadow)","var(--color-btn-outline-selected-shadow)","inset 0 0 0 3px var(--color-fg-on-emphasis)","none","inset 0 0 0 3px var(--color-fg-on-emphasis)","none","var(--color-btn-danger-hover-shadow),var(--color-btn-danger-hover-inset-shadow)","var(--color-btn-danger-selected-shadow)","none","none","none","none","none","none","var(--color-shadow-small),var(--color-primer-shadow-highlight)"],"transition":["80ms cubic-bezier(0.33, 1, 0.68, 1)","none"],"transition-property":["color,background-color,box-shadow,border-color"],"transition-duration":[".1s"],"outline":["2px solid var(--color-accent-fg)","solid 1px rgba(0,0,0,0)","2px solid var(--color-accent-fg)","2px solid var(--color-accent-fg)","solid 1px rgba(0,0,0,0)","2px solid var(--color-accent-fg)","2px solid var(--color-accent-fg)","solid 1px rgba(0,0,0,0)","2px solid var(--color-accent-fg)","none","2px solid var(--color-accent-fg)","2px solid var(--color-accent-fg)"],"outline-offset":["-2px","-2px","-2px","-2px","-2px","-2px","0","-2px","-2px"],"width":["100%"],"text-align":["center"],"content":["\"\"","\"\""],"clear":["both"],"float":["left","left","left","left"],"border-right-width":["0","1px","1px","1px","0","1px"],"border-top-left-radius":["6px","6px"],"border-bottom-left-radius":["6px","6px"],"border-top-right-radius":["6px","6px","0","6px"],"border-bottom-right-radius":["6px","6px","0","6px"],"border-left-width":["0","0"],"z-index":["1","1"],"background":["none","rgba(0,0,0,0)","rgba(0,0,0,0)","var(--color-neutral-muted)"],"top":["-1px"],"height":["12px"],"border-left":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}