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

The CSS implementation of GitHub's Primer Design System

{"size":12991,"gzipSize":2458,"humanizedSize":"13KB","humanizedGzipSize":"2KB","rules":{"total":102,"size":{"graph":[5,5,2,1,2,1,3,1,2,7,4,2,2,2,1,8,2,2,3,3,3,12,4,1,4,2,1,1,2,5,1,3,1,1,2,2,2,12,2,2,3,2,3,2,7,1,9,1,1,8,2,1,1,1,3,8,2,2,1,2,3,2,1,7,1,2,4,3,2,3,2,2,2,3,1,7,2,1,1,2,1,1,1,1,7,3,2,4,13,6,5,8,5,3,10,1,1,1,1,1,4,2],"max":13,"average":3.0686274509803924},"selectorByRuleSizes":[{"selector":".UnderlineNav-item","declarations":13},{"selector":".filter-item","declarations":12},{"selector":".tabnav-tab","declarations":12},{"selector":":is(.UnderlineNav-item.selected,.UnderlineNav-item[role=tab][aria-selected=true],.UnderlineNav-item[aria-current]:not([aria-current=false])):after","declarations":10},{"selector":".SideNav-item","declarations":9},{"selector":":is(.UnderlineNav-item:before)","declarations":8},{"selector":".SideNav-subItem","declarations":8},{"selector":".SideNav-item::before","declarations":8},{"selector":".menu-heading","declarations":8},{"selector":".UnderlineNav","declarations":7},{"selector":".subnav-search-icon","declarations":7},{"selector":".subnav-item","declarations":7},{"selector":".filter-item .bar","declarations":7},{"selector":":is(.menu-item.selected,.menu-item[aria-selected=true],.menu-item[aria-current]:not([aria-current=false])):before","declarations":7},{"selector":".UnderlineNav-item:focus,.UnderlineNav-item:focus-visible,.UnderlineNav-item:hover","declarations":6},{"selector":".UnderlineNav-item:hover","declarations":5},{"selector":".UnderlineNav-item [data-content]:before","declarations":5},{"selector":".tabnav-extra","declarations":5},{"selector":".menu-item","declarations":5},{"selector":".menu","declarations":5},{"selector":".UnderlineNav-octicon","declarations":4},{"selector":".UnderlineNav-body","declarations":4},{"selector":".subnav-item.selected,.subnav-item[aria-selected=true],.subnav-item[aria-current]:not([aria-current=false])","declarations":4},{"selector":".tabnav-tab:hover","declarations":4},{"selector":".tabnav-tab.selected,.tabnav-tab[aria-current]:not([aria-current=false]),.tabnav-tab[aria-selected=true]","declarations":4},{"selector":".menu-item .octicon","declarations":4},{"selector":".UnderlineNav-item.selected,.UnderlineNav-item[aria-current]:not([aria-current=false]),.UnderlineNav-item[role=tab][aria-selected=true]","declarations":3},{"selector":".UnderlineNav .Counter","declarations":3},{"selector":".subnav-search-input","declarations":3},{"selector":".subnav-item.selected:focus-visible,.subnav-item[aria-selected=true]:focus-visible,.subnav-item[aria-current]:not([aria-current=false]):focus-visible","declarations":3},{"selector":".subnav-item.selected:focus,.subnav-item[aria-selected=true]:focus,.subnav-item[aria-current]:not([aria-current=false]):focus","declarations":3},{"selector":".subnav::after","declarations":3},{"selector":".SideNav-icon","declarations":3},{"selector":".filter-item.selected:focus-visible,.filter-item[aria-selected=true]:focus-visible,.filter-item[aria-current]:not([aria-current=false]):focus-visible","declarations":3},{"selector":".filter-item.selected:focus,.filter-item[aria-selected=true]:focus,.filter-item[aria-current]:not([aria-current=false]):focus","declarations":3},{"selector":"a.tabnav-extra:hover","declarations":3},{"selector":".tabnav-tabs","declarations":3},{"selector":".tabnav","declarations":3},{"selector":".menu-heading:last-child","declarations":3},{"selector":".menu-item:hover","declarations":3},{"selector":".UnderlineNav-container","declarations":2},{"selector":".UnderlineNav .Counter--primary","declarations":2},{"selector":".subnav-search-context+.subnav-search .subnav-search-input","declarations":2},{"selector":".subnav-search-context .btn","declarations":2},{"selector":".subnav-search","declarations":2},{"selector":".subnav-item:last-child","declarations":2},{"selector":".subnav-item:first-child","declarations":2},{"selector":".subnav-item.selected:focus:not(:focus-visible),.subnav-item[aria-selected=true]:focus:not(:focus-visible),.subnav-item[aria-current]:not([aria-current=false]):focus:not(:focus-visible)","declarations":2},{"selector":".subnav-item:hover,.subnav-item:focus","declarations":2},{"selector":".subnav-bordered","declarations":2},{"selector":".subnav::before","declarations":2},{"selector":".SideNav-subItem[aria-current]:not([aria-current=false]),.SideNav-subItem[aria-selected=true]","declarations":2},{"selector":".SideNav-subItem:hover","declarations":2},{"selector":".SideNav-item:hover","declarations":2},{"selector":".filter-item .count","declarations":2},{"selector":".filter-item.selected:focus:not(:focus-visible),.filter-item[aria-selected=true]:focus:not(:focus-visible),.filter-item[aria-current]:not([aria-current=false]):focus:not(:focus-visible)","declarations":2},{"selector":".filter-item.selected,.filter-item[aria-selected=true],.filter-item[aria-current]:not([aria-current=false])","declarations":2},{"selector":".filter-item:hover","declarations":2},{"selector":".filter-list.pjax-active .filter-item.pjax-active","declarations":2},{"selector":".filter-list.pjax-active .filter-item","declarations":2},{"selector":".filter-list.small .filter-item","declarations":2},{"selector":".tabnav-tab .Counter","declarations":2},{"selector":".tabnav-tab:focus,.tabnav-tab:focus-visible","declarations":2},{"selector":".menu-heading:first-child","declarations":2},{"selector":".menu-heading:hover","declarations":2},{"selector":".menu-item .avatar","declarations":2},{"selector":".menu-item .menu-warning","declarations":2},{"selector":".menu-item .Counter","declarations":2},{"selector":".menu-item.selected,.menu-item[aria-current]:not([aria-current=false]),.menu-item[aria-selected=true]","declarations":2},{"selector":".menu-item:last-child","declarations":2},{"selector":".menu-item:first-child","declarations":2},{"selector":".UnderlineNav--full .UnderlineNav-body","declarations":1},{"selector":".UnderlineNav--full","declarations":1},{"selector":".UnderlineNav-actions","declarations":1},{"selector":".UnderlineNav--right .UnderlineNav-actions","declarations":1},{"selector":".UnderlineNav--right","declarations":1},{"selector":".subnav-spacer-right","declarations":1},{"selector":".subnav-search-context .select-menu-item-icon","declarations":1},{"selector":".subnav-search-context .select-menu-modal","declarations":1},{"selector":".subnav-search-context .select-menu-modal-holder","declarations":1},{"selector":".subnav-search-context+.subnav-search","declarations":1},{"selector":".subnav-search-context .btn:hover,.subnav-search-context .btn:focus,.subnav-search-context .btn:active,.subnav-search-context .btn.selected","declarations":1},{"selector":".subnav-search-input-wide","declarations":1},{"selector":".subnav-item+.subnav-item","declarations":1},{"selector":".subnav-flush","declarations":1},{"selector":".subnav","declarations":1},{"selector":".SideNav-item[aria-current]:not([aria-current=false])::before,.SideNav-item[aria-selected=true]::before","declarations":1},{"selector":".SideNav-item[aria-current]:not([aria-current=false]),.SideNav-item[aria-selected=true]","declarations":1},{"selector":".SideNav-item:active","declarations":1},{"selector":".SideNav-item:last-child","declarations":1},{"selector":".SideNav-item:first-child","declarations":1},{"selector":".SideNav","declarations":1},{"selector":".filter-list","declarations":1},{"selector":".tabnav-btn","declarations":1},{"selector":".tabnav-extra>.octicon","declarations":1},{"selector":".tabnav-tab .octicon","declarations":1},{"selector":".tabnav-tab .octicon,.tabnav-tab:active","declarations":1},{"selector":":is(.tabnav-tab.selected,.tabnav-tab[aria-selected=true],.tabnav-tab[aria-current]:not([aria-current=false])) .octicon","declarations":1},{"selector":".menu-item.alert .Counter","declarations":1},{"selector":".menu-item:active","declarations":1},{"selector":".menu-item:last-child,.menu-item:last-child:before","declarations":1},{"selector":".menu-item:first-child,.menu-item:first-child:before","declarations":1}]},"selectors":{"total":137,"type":1,"class":137,"id":0,"pseudoClass":62,"pseudoElement":11,"values":[".menu",".menu-item",".menu-item:first-child",".menu-item:first-child",".menu-item:first-child:before",".menu-item:last-child",".menu-item:last-child",".menu-item:last-child:before",".menu-item:hover",".menu-item:active",".menu-item.selected",".menu-item[aria-current]:not([aria-current=false])",".menu-item[aria-selected=true]",":is(.menu-item.selected,.menu-item[aria-selected=true],.menu-item[aria-current]:not([aria-current=false])):before",".menu-item .octicon",".menu-item .Counter",".menu-item .menu-warning",".menu-item .avatar",".menu-item.alert .Counter",".menu-heading",".menu-heading:hover",".menu-heading:first-child",".menu-heading:last-child",".tabnav",".tabnav-tabs",".tabnav-tab",".tabnav-tab.selected",".tabnav-tab[aria-current]:not([aria-current=false])",".tabnav-tab[aria-selected=true]",":is(.tabnav-tab.selected,.tabnav-tab[aria-selected=true],.tabnav-tab[aria-current]:not([aria-current=false])) .octicon",".tabnav-tab:hover",".tabnav-tab:focus",".tabnav-tab:focus-visible",".tabnav-tab .octicon",".tabnav-tab:active",".tabnav-tab .octicon",".tabnav-tab .Counter",".tabnav-extra",".tabnav-extra>.octicon","a.tabnav-extra:hover",".tabnav-btn",".filter-list",".filter-list.small .filter-item",".filter-list.pjax-active .filter-item",".filter-list.pjax-active .filter-item.pjax-active",".filter-item",".filter-item:hover",".filter-item.selected",".filter-item[aria-selected=true]",".filter-item[aria-current]:not([aria-current=false])",".filter-item.selected:focus",".filter-item[aria-selected=true]:focus",".filter-item[aria-current]:not([aria-current=false]):focus",".filter-item.selected:focus:not(:focus-visible)",".filter-item[aria-selected=true]:focus:not(:focus-visible)",".filter-item[aria-current]:not([aria-current=false]):focus:not(:focus-visible)",".filter-item.selected:focus-visible",".filter-item[aria-selected=true]:focus-visible",".filter-item[aria-current]:not([aria-current=false]):focus-visible",".filter-item .count",".filter-item .bar",".SideNav",".SideNav-item",".SideNav-item:first-child",".SideNav-item:last-child",".SideNav-item::before",".SideNav-item:hover",".SideNav-item:active",".SideNav-item[aria-current]:not([aria-current=false])",".SideNav-item[aria-selected=true]",".SideNav-item[aria-current]:not([aria-current=false])::before",".SideNav-item[aria-selected=true]::before",".SideNav-icon",".SideNav-subItem",".SideNav-subItem:hover",".SideNav-subItem[aria-current]:not([aria-current=false])",".SideNav-subItem[aria-selected=true]",".subnav",".subnav::before",".subnav::after",".subnav-bordered",".subnav-flush",".subnav-item",".subnav-item+.subnav-item",".subnav-item:hover",".subnav-item:focus",".subnav-item.selected",".subnav-item[aria-selected=true]",".subnav-item[aria-current]:not([aria-current=false])",".subnav-item.selected:focus",".subnav-item[aria-selected=true]:focus",".subnav-item[aria-current]:not([aria-current=false]):focus",".subnav-item.selected:focus:not(:focus-visible)",".subnav-item[aria-selected=true]:focus:not(:focus-visible)",".subnav-item[aria-current]:not([aria-current=false]):focus:not(:focus-visible)",".subnav-item.selected:focus-visible",".subnav-item[aria-selected=true]:focus-visible",".subnav-item[aria-current]:not([aria-current=false]):focus-visible",".subnav-item:first-child",".subnav-item:last-child",".subnav-search",".subnav-search-input",".subnav-search-input-wide",".subnav-search-icon",".subnav-search-context .btn",".subnav-search-context .btn:hover",".subnav-search-context .btn:focus",".subnav-search-context .btn:active",".subnav-search-context .btn.selected",".subnav-search-context+.subnav-search",".subnav-search-context+.subnav-search .subnav-search-input",".subnav-search-context .select-menu-modal-holder",".subnav-search-context .select-menu-modal",".subnav-search-context .select-menu-item-icon",".subnav-spacer-right",".UnderlineNav",".UnderlineNav .Counter",".UnderlineNav .Counter--primary",".UnderlineNav-body",".UnderlineNav-item",".UnderlineNav-item:focus",".UnderlineNav-item:focus-visible",".UnderlineNav-item:hover",".UnderlineNav-item [data-content]:before",":is(.UnderlineNav-item:before)",".UnderlineNav-item:hover",".UnderlineNav-item.selected",".UnderlineNav-item[aria-current]:not([aria-current=false])",".UnderlineNav-item[role=tab][aria-selected=true]",":is(.UnderlineNav-item.selected,.UnderlineNav-item[role=tab][aria-selected=true],.UnderlineNav-item[aria-current]:not([aria-current=false])):after",".UnderlineNav--right",".UnderlineNav--right .UnderlineNav-actions",".UnderlineNav-actions",".UnderlineNav--full",".UnderlineNav--full .UnderlineNav-body",".UnderlineNav-octicon",".UnderlineNav-container"],"specificity":{"max":50,"average":21.386861313868614}},"declarations":{"total":313,"unique":171,"uniqueToTotalRatio":0.5463258785942492,"properties":{"background-color":["var(--bgColor-default)","var(--bgColor-neutral-muted)","var(--bgColor-muted)","var(--menu-bgColor-active)","var(--underlineNav-borderColor-active)","initial","var(--bgColor-default)","rgba(0,0,0,0)","var(--color-accent-emphasis)","var(--color-canvas-subtle)","var(--color-accent-emphasis)","var(--color-neutral-subtle)","var(--color-canvas-subtle)","rgba(0,0,0,0)","var(--color-neutral-subtle)","var(--color-canvas-subtle)","var(--color-sidenav-selected-bg)","var(--color-primer-border-active)","rgba(0,0,0,0)","var(--color-canvas-subtle)","var(--color-accent-emphasis)","var(--color-neutral-muted)","var(--bgColor-neutral-emphasis)","initial"],"border":["var(--borderWidth-thin) solid var(--borderColor-default)","var(--borderWidth-thin) solid rgba(0,0,0,0)","0","0","1px solid var(--color-border-default)","0"],"border-radius":["var(--borderRadius-medium)","var(--borderRadius-medium) var(--borderRadius-medium) 0 0","var(--borderRadius-medium) var(--borderRadius-medium) 0 0","6px","var(--borderRadius-medium)","var(--borderRadius-medium)"],"list-style":["none","none"],"margin-bottom":["var(--stack-gap-normal)","0","var(--stack-gap-normal)","calc(var(--borderWidth-thin)*-1)","var(--base-size-4)","20px","0"],"border-bottom":["var(--borderWidth-thin) solid var(--borderColor-default)","0","var(--borderWidth-thin) solid var(--borderColor-default)","0","var(--borderWidth-thin) solid var(--borderColor-default)","0","1px solid var(--color-border-muted)"],"color":["var(--fgColor-default)","var(--fgColor-muted)","var(--fgColor-attention)","var(--fgColor-danger)","var(--fgColor-default)","var(--fgColor-muted)","var(--fgColor-default)","inherit","var(--fgColor-default)","var(--fgColor-muted)","inherit","var(--fgColor-muted)","var(--fgColor-accent)","var(--color-fg-muted)","var(--color-fg-on-emphasis)","var(--color-fg-muted)","var(--color-fg-on-emphasis)","var(--color-fg-default)","var(--color-fg-muted)","var(--color-accent-fg)","var(--color-fg-default)","var(--color-fg-default)","var(--color-fg-default)","var(--color-fg-on-emphasis)","var(--color-fg-muted)","var(--color-fg-muted)","inherit","var(--fgColor-default)","var(--fgColor-onEmphasis)","var(--fgColor-default)","var(--fgColor-default)","var(--fgColor-default)","var(--fgColor-default)","var(--fgColor-muted)"],"display":["block","block","flex","inline-block","inline-block","block","inline-block","block","block","table","table","block","flex","flex","flex","block","block","inline","flex"],"padding":["var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious)","var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious)","var(--base-size-8) var(--control-medium-paddingInline-spacious)","6px 12px","var(--base-size-8) var(--base-size-16)","12px var(--base-size-16)","var(--base-size-4) 0","5px var(--base-size-16)","0 var(--control-medium-paddingInline-condensed)"],"position":["relative","absolute","relative","absolute","relative","absolute","relative","relative","relative","absolute","relative","absolute","absolute"],"border-top":["0","1px solid var(--color-border-muted)","0"],"border-top-right-radius":["var(--borderRadius-medium)","var(--borderRadius-medium)","6px","0"],"border-top-left-radius":["var(--borderRadius-medium)","var(--borderRadius-medium)","6px","0"],"border-bottom-right-radius":["var(--borderRadius-medium)","var(--borderRadius-medium)","6px","0"],"border-bottom-left-radius":["var(--borderRadius-medium)","var(--borderRadius-medium)","6px","0"],"-webkit-text-decoration":["none","none","none","none","none","none","none"],"text-decoration":["none","none","none","none","none","none","none","none","none","none","none","none"],"cursor":["default","pointer","pointer"],"bottom":["0","var(--base-size-2)","0","calc(50% - var(--base-size-24))"],"content":["\"\"","\"\"","\"\"","\"\"","attr(data-content)","\"\"","\"\""],"left":["0","0","var(--base-size-8)","50%"],"top":["0","var(--base-size-2)","0","9px","50%"],"width":["2px","16px","100%","2px","16px","100%","320px","500px","220px","100%","100%"],"margin-right":["var(--control-medium-gap)","var(--control-small-gap)","var(--control-small-gap)","var(--base-size-2)","var(--base-size-8)","var(--control-medium-gap)"],"text-align":["center","left","left","center","center"],"float":["right","right","left","right","left"],"margin-left":["var(--control-small-gap)","var(--control-small-gap)","10px","var(--controlStack-medium-gap-condensed)","-1px","12px","-1px","var(--control-medium-gap)"],"font-size":["inherit","var(--text-body-size-medium)","var(--text-body-size-small)","12px","14px","var(--text-body-size-medium)"],"font-weight":["var(--base-text-weight-semibold)","600","500","500","var(--base-text-weight-semibold)","var(--base-text-weight-semibold)"],"margin-top":["0","0"],"overflow":["hidden","hidden"],"flex-shrink":["0"],"line-height":["23px","20px","30px"],"transition":["color .2s cubic-bezier(0.3, 0, 0.5, 1)","border-bottom-color .12s ease-out","background .12s ease-out"],"border-color":["var(--borderColor-default)","var(--color-accent-emphasis)"],"transition-duration":[".1s"],"outline-offset":["-6px","-2px","-2px","-2px","-2px","-2px"],"padding-top":["10px"],"list-style-type":["none"],"text-overflow":["ellipsis"],"white-space":["nowrap","nowrap"],"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)"],"box-shadow":["inset 0 0 0 3px var(--color-fg-on-emphasis)","none","inset 0 0 0 3px var(--color-fg-on-emphasis)","0 1px 0 var(--color-border-default)","inset 0 0 0 3px var(--color-fg-on-emphasis)","none","inset 0 0 0 3px var(--color-fg-on-emphasis)","inset 0 -1px 0 var(--borderColor-muted)"],"right":["0","50%"],"z-index":["-1","1","2","2","30","1"],"pointer-events":["none","none"],"clear":["both"],"padding-bottom":["20px"],"padding-left":["var(--base-size-32)"],"padding-right":["12px"],"min-height":["var(--base-size-48)","48px","var(--base-size-48)"],"overflow-x":["auto"],"overflow-y":["hidden"],"-webkit-overflow-scrolling":["auto"],"justify-content":["space-between","flex-end","space-between"],"align-items":["center","center"],"gap":["var(--control-medium-gap)"],"border-bottom-color":["var(--borderColor-neutral-muted)","var(--underlineNav-borderColor-active)"],"height":["0","100%","2px"],"visibility":["hidden"],"transform":["translateX(-50%) translateY(-50%)","translate(50%, -50%)"],"background":["var(--control-transparent-bgColor-hover)","var(--underlineNav-borderColor-active)"],"flex":["1 1 auto"],"align-self":["center"],"fill":["var(--fgColor-muted)"]}},"mediaQueries":{"total":1,"unique":1,"values":["(pointer: fine)"],"contents":[{"value":"(pointer: fine)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5},"selectorByRuleSizes":[{"selector":".UnderlineNav-item:hover","declarations":5}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".UnderlineNav-item:hover"],"specificity":{"max":20,"average":20}},"declarations":{"total":5,"unique":5,"uniqueToTotalRatio":1,"properties":{"background":["var(--control-transparent-bgColor-hover)"],"color":["var(--fgColor-default)"],"-webkit-text-decoration":["none"],"text-decoration":["none"],"transition":["background .12s ease-out"]}}}]}}