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

The CSS implementation of GitHub's Primer Design System

{"size":9589,"gzipSize":1924,"humanizedSize":"9KB","humanizedGzipSize":"2KB","rules":{"total":93,"size":{"graph":[5,5,3,1,3,1,3,2,1,2,7,4,2,2,2,1,8,1,2,3,3,3,11,4,1,3,1,2,2,5,1,2,1,1,2,2,2,12,2,2,2,7,1,9,1,1,8,3,3,1,1,1,3,8,3,2,1,2,3,2,1,7,1,2,4,2,2,2,3,1,7,2,1,1,2,1,1,1,1,5,1,9,6,5,1,1,1,1,1,2,3,2,2],"max":12,"average":2.838709677419355},"selectorByRuleSizes":[{"selector":".filter-item","declarations":12},{"selector":".tabnav-tab","declarations":11},{"selector":".UnderlineNav-item","declarations":9},{"selector":".SideNav-item","declarations":9},{"selector":".SideNav-subItem","declarations":8},{"selector":".SideNav-item::before","declarations":8},{"selector":".menu-heading","declarations":8},{"selector":".subnav-search-icon","declarations":7},{"selector":".subnav-item","declarations":7},{"selector":".filter-item .bar","declarations":7},{"selector":".menu-item.selected::before,.menu-item[aria-selected=true]::before,.menu-item[aria-current]:not([aria-current=false])::before","declarations":7},{"selector":".UnderlineNav-item:hover,.UnderlineNav-item:focus","declarations":6},{"selector":".UnderlineNav-item.selected,.UnderlineNav-item[role=tab][aria-selected=true],.UnderlineNav-item[aria-current]:not([aria-current=false])","declarations":5},{"selector":".UnderlineNav","declarations":5},{"selector":".tabnav-extra","declarations":5},{"selector":".menu-item","declarations":5},{"selector":".menu","declarations":5},{"selector":".subnav-item.selected,.subnav-item[aria-selected=true],.subnav-item[aria-current]:not([aria-current=false])","declarations":4},{"selector":".tabnav-tab.selected,.tabnav-tab[aria-selected=true],.tabnav-tab[aria-current]:not([aria-current=false])","declarations":4},{"selector":".menu-item .octicon","declarations":4},{"selector":".UnderlineNav .Counter","declarations":3},{"selector":".subnav-search-input","declarations":3},{"selector":".subnav::after","declarations":3},{"selector":".SideNav-subItem:hover,.SideNav-subItem:focus","declarations":3},{"selector":".SideNav-icon","declarations":3},{"selector":".SideNav-item:hover","declarations":3},{"selector":".SideNav-item:focus","declarations":3},{"selector":".tabnav-tab:hover,.tabnav-tab:focus","declarations":3},{"selector":".tabnav-tabs","declarations":3},{"selector":".tabnav","declarations":3},{"selector":".menu-heading:last-child","declarations":3},{"selector":".menu-item:focus","declarations":3},{"selector":".menu-item:last-child","declarations":3},{"selector":".menu-item:first-child","declarations":3},{"selector":".UnderlineNav-container","declarations":2},{"selector":".UnderlineNav .Counter--primary","declarations":2},{"selector":".UnderlineNav-octicon","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: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":".filter-item .count","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":"a.tabnav-extra:hover","declarations":2},{"selector":".tabnav-tab .Counter","declarations":2},{"selector":".tabnav-tab .octicon","declarations":2},{"selector":".menu-heading:first-child","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-selected=true],.menu-item[aria-current]:not([aria-current=false])","declarations":2},{"selector":".menu-item:hover","declarations":2},{"selector":".UnderlineNav--full","declarations":1},{"selector":".UnderlineNav-actions","declarations":1},{"selector":".UnderlineNav--right .UnderlineNav-actions","declarations":1},{"selector":".UnderlineNav--right","declarations":1},{"selector":".UnderlineNav-item.selected .UnderlineNav-octicon,.UnderlineNav-item[role=tab][aria-selected=true] .UnderlineNav-octicon,.UnderlineNav-item[aria-current]:not([aria-current=false]) .UnderlineNav-octicon","declarations":1},{"selector":".UnderlineNav-body","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:active","declarations":1},{"selector":".tabnav-tab.selected .octicon,.tabnav-tab[aria-selected=true] .octicon,.tabnav-tab[aria-current]:not([aria-current=false]) .octicon","declarations":1},{"selector":".menu-heading:hover","declarations":1},{"selector":".menu-item.alert .Counter","declarations":1},{"selector":".menu-item:active","declarations":1},{"selector":".menu-item:last-child::before","declarations":1},{"selector":".menu-item:first-child::before","declarations":1}]},"selectors":{"total":119,"type":1,"class":119,"id":0,"pseudoClass":42,"pseudoElement":10,"values":[".menu",".menu-item",".menu-item:first-child",".menu-item:first-child::before",".menu-item:last-child",".menu-item:last-child::before",".menu-item:focus",".menu-item:hover",".menu-item:active",".menu-item.selected",".menu-item[aria-selected=true]",".menu-item[aria-current]:not([aria-current=false])",".menu-item.selected::before",".menu-item[aria-selected=true]::before",".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-selected=true]",".tabnav-tab[aria-current]:not([aria-current=false])",".tabnav-tab.selected .octicon",".tabnav-tab[aria-selected=true] .octicon",".tabnav-tab[aria-current]:not([aria-current=false]) .octicon",".tabnav-tab:hover",".tabnav-tab:focus",".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 .count",".filter-item .bar",".SideNav",".SideNav-item",".SideNav-item:first-child",".SideNav-item:last-child",".SideNav-item::before",".SideNav-item:focus",".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:focus",".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: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-body",".UnderlineNav-item",".UnderlineNav-item:hover",".UnderlineNav-item:focus",".UnderlineNav-item.selected",".UnderlineNav-item[role=tab][aria-selected=true]",".UnderlineNav-item[aria-current]:not([aria-current=false])",".UnderlineNav-item.selected .UnderlineNav-octicon",".UnderlineNav-item[role=tab][aria-selected=true] .UnderlineNav-octicon",".UnderlineNav-item[aria-current]:not([aria-current=false]) .UnderlineNav-octicon",".UnderlineNav--right",".UnderlineNav--right .UnderlineNav-actions",".UnderlineNav-actions",".UnderlineNav--full",".UnderlineNav-octicon",".UnderlineNav .Counter",".UnderlineNav .Counter--primary",".UnderlineNav-container"],"specificity":{"max":40,"average":19.672268907563026}},"declarations":{"total":264,"unique":142,"uniqueToTotalRatio":0.5378787878787878,"properties":{"margin-bottom":["16px","0","16px","-1px","4px","20px","0"],"list-style":["none"],"background-color":["var(--color-bg-primary)","var(--color-state-hover-secondary-bg)","var(--color-bg-secondary)","var(--color-menu-bg-active)","var(--color-menu-border-active)","transparent","var(--color-bg-canvas)","transparent","var(--color-bg-info-inverse)","var(--color-bg-tertiary)","var(--color-state-selected-primary-bg)","var(--color-filter-item-bar-bg)","var(--color-bg-secondary)","transparent","var(--color-state-hover-secondary-bg)","var(--color-bg-secondary)","var(--color-sidenav-selected-bg)","var(--color-sidenav-border-active)","transparent","var(--color-bg-tertiary)","var(--color-state-selected-primary-bg)","transparent","var(--color-underlinenav-counter-bg)","var(--color-counter-primary-bg)"],"border":["1px solid var(--color-border-primary)","1px solid transparent","0","0","1px solid var(--color-border-primary)","0"],"border-radius":["6px","6px 6px 0 0","6px"],"position":["relative","absolute","relative","absolute","relative","absolute","relative","relative","relative","absolute"],"display":["block","block","flex","inline-block","inline-block","block","inline-block","block","block","table","table","block","flex","flex","block","flex"],"padding":["8px 16px","8px 16px","8px 16px","6px 12px","8px 16px","12px 16px","4px 0","5px 16px","8px 16px"],"color":["var(--color-text-primary)","var(--color-icon-tertiary)","var(--color-auto-red-9)","var(--color-text-danger)","var(--color-menu-heading-text)","var(--color-text-secondary)","var(--color-text-primary)","inherit","var(--color-text-primary)","var(--color-text-tertiary)","var(--color-icon-tertiary)","inherit","var(--color-text-secondary)","var(--color-text-link)","var(--color-text-secondary)","var(--color-text-inverse)","var(--color-text-secondary)","var(--color-state-selected-primary-text)","var(--color-text-primary)","var(--color-text-tertiary)","var(--color-text-link)","var(--color-text-primary)","var(--color-text-primary)","var(--color-text-primary)","var(--color-state-selected-primary-text)","var(--color-text-secondary)","var(--color-icon-tertiary)","inherit","var(--color-underlinenav-text)","var(--color-underlinenav-text-hover)","var(--color-underlinenav-text-active)","var(--color-text-tertiary)","var(--color-underlinenav-icon)","var(--color-underlinenav-counter-text)","var(--color-counter-primary-text)"],"border-bottom":["1px solid var(--color-border-secondary)","0","1px solid var(--color-border-secondary)","0","1px solid var(--color-border-primary)","0","1px solid var(--color-border-secondary)","2px solid transparent"],"border-top":["0","1px solid var(--color-border-secondary)","0"],"border-top-left-radius":["6px","6px","6px","6px","0"],"border-top-right-radius":["6px","6px","6px","0"],"border-bottom-right-radius":["6px","6px","6px","0"],"border-bottom-left-radius":["6px","6px","6px","6px","0"],"z-index":["1","-1","1","1","2","2","30"],"outline":["none","none","none","none","1px dotted transparent","1px dotted transparent"],"box-shadow":["var(--color-state-focus-shadow)","0 1px 0 var(--color-border-primary)","var(--color-state-focus-shadow)","inset 0 -1px 0 var(--color-border-secondary)"],"text-decoration":["none","none","none","none","none","none","none","none","none","none","none"],"cursor":["default","pointer"],"top":["0","2px","0","9px"],"bottom":["0","2px","0"],"left":["0","0","8px"],"width":["2px","16px","100%","2px","16px","100%","320px","500px","220px"],"content":["\"\"","\"\"","\"\"","\"\""],"margin-right":["8px","4px","4px","2px","8px","4px"],"text-align":["center","left","left","center","center"],"float":["right","right","left","right","left"],"margin-left":["4px","4px","10px","8px","-1px","12px","-1px","4px"],"margin-top":["0","0"],"font-size":["inherit","14px","12px","12px","14px","14px"],"font-weight":["600","600","500","500","600"],"overflow":["auto","hidden"],"flex-shrink":["0"],"line-height":["23px","20px","30px"],"transition":["color 0.2s cubic-bezier(0.3, 0, 0.5, 1)","border-bottom-color 0.12s ease-out"],"border-color":["var(--color-border-primary)","var(--color-state-selected-primary-border)"],"transition-duration":["0.1s"],"padding-top":["10px"],"list-style-type":["none"],"text-overflow":["ellipsis"],"white-space":["nowrap","nowrap"],"right":["0"],"pointer-events":["none","none"],"clear":["both"],"padding-bottom":["20px"],"padding-left":["32px"],"padding-right":["12px"],"overflow-x":["auto"],"overflow-y":["hidden"],"justify-content":["space-between","flex-end","space-between"],"border-bottom-color":["var(--color-border-tertiary)","#f9826c"],"outline-offset":["-1px","-1px"],"flex":["1 1 auto"],"align-self":["center"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}