@primer/css
Version:
Primer is the CSS framework that powers GitHub's front-end design. primer includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to i
1 lines • 16.2 kB
JSON
{"size":5106,"gzipSize":1395,"humanizedSize":"5KB","humanizedGzipSize":"1KB","rules":{"total":51,"size":{"graph":[10,6,8,1,12,2,2,9,3,1,3,1,5,1,3,1,2,1,9,9,1,2,6,7,1,2,9,4,4,3,3,8,1,1,1,5,1,3,3,1,1,1,2,3,2,2,1,2,2,1,1],"max":12,"average":3.392156862745098},"selectorByRuleSizes":[{"selector":".SelectMenu-modal","declarations":12},{"selector":".SelectMenu","declarations":10},{"selector":".SelectMenu-tab","declarations":9},{"selector":".SelectMenu-item","declarations":9},{"selector":".SelectMenu-list","declarations":9},{"selector":".SelectMenu-modal","declarations":9},{"selector":".SelectMenu-divider","declarations":8},{"selector":".SelectMenu::before","declarations":8},{"selector":".SelectMenu-tabs","declarations":7},{"selector":".SelectMenu-icon","declarations":6},{"selector":".SelectMenu","declarations":6},{"selector":".SelectMenu-footer","declarations":5},{"selector":".SelectMenu-closeButton","declarations":5},{"selector":".SelectMenu-tab[aria-selected=\"true\"]","declarations":4},{"selector":".SelectMenu-tab","declarations":4},{"selector":".SelectMenu-item[aria-checked=\"true\"] .SelectMenu-icon","declarations":3},{"selector":".SelectMenu--hasFilter .SelectMenu-modal","declarations":3},{"selector":".SelectMenu--hasFilter .SelectMenu-modal","declarations":3},{"selector":".SelectMenu-message,.SelectMenu-blankslate,.SelectMenu-loading","declarations":3},{"selector":".SelectMenu-tab[aria-selected=\"true\"]","declarations":3},{"selector":".SelectMenu-filter","declarations":3},{"selector":".SelectMenu-title","declarations":3},{"selector":".SelectMenu-header","declarations":3},{"selector":".SelectMenu-tab:not([aria-checked=\"true\"]):active","declarations":2},{"selector":".SelectMenu-tab:not([aria-checked=\"true\"]):hover","declarations":2},{"selector":".SelectMenu-item:active","declarations":2},{"selector":"body:not(.intent-mouse) .SelectMenu-item:focus,.SelectMenu-item:hover","declarations":2},{"selector":".SelectMenu-item[aria-checked=\"true\"]","declarations":2},{"selector":".SelectMenu-tabs","declarations":2},{"selector":".SelectMenu-item","declarations":2},{"selector":".SelectMenu-input","declarations":2},{"selector":"0%","declarations":2},{"selector":"0%","declarations":2},{"selector":".SelectMenu-item","declarations":1},{"selector":".SelectMenu-item:focus,.SelectMenu-item:active","declarations":1},{"selector":"body:not(.intent-mouse) .SelectMenu-tab:focus","declarations":1},{"selector":".SelectMenu-item:hover","declarations":1},{"selector":".SelectMenu-tab:focus,.SelectMenu-item:focus","declarations":1},{"selector":".SelectMenu--hasFilter .SelectMenu-item:last-child","declarations":1},{"selector":".SelectMenu-footer","declarations":1},{"selector":".SelectMenu-divider","declarations":1},{"selector":".SelectMenu-divider:last-child","declarations":1},{"selector":".SelectMenu-divider:first-child","declarations":1},{"selector":".SelectMenu-tabs::-webkit-scrollbar","declarations":1},{"selector":".SelectMenu-item+.SelectMenu-item","declarations":1},{"selector":".SelectMenu-input","declarations":1},{"selector":".SelectMenu-filter","declarations":1},{"selector":".SelectMenu-closeButton","declarations":1},{"selector":".SelectMenu-title","declarations":1},{"selector":".SelectMenu-header","declarations":1},{"selector":".SelectMenu::before","declarations":1}]},"selectors":{"total":54,"type":2,"class":54,"id":0,"pseudoClass":14,"pseudoElement":2,"values":[".SelectMenu",".SelectMenu",".SelectMenu::before",".SelectMenu::before",".SelectMenu-modal",".SelectMenu-modal",".SelectMenu-header",".SelectMenu-header",".SelectMenu-title",".SelectMenu-title",".SelectMenu-closeButton",".SelectMenu-closeButton",".SelectMenu-filter",".SelectMenu-filter",".SelectMenu-input",".SelectMenu-input",".SelectMenu-list",".SelectMenu-item",".SelectMenu-item+.SelectMenu-item",".SelectMenu-item",".SelectMenu-icon",".SelectMenu-tabs",".SelectMenu-tabs::-webkit-scrollbar",".SelectMenu-tabs",".SelectMenu-tab",".SelectMenu-tab",".SelectMenu-tab[aria-selected=\"true\"]",".SelectMenu-tab[aria-selected=\"true\"]",".SelectMenu-message",".SelectMenu-blankslate",".SelectMenu-loading",".SelectMenu-divider",".SelectMenu-divider:first-child",".SelectMenu-divider:last-child",".SelectMenu-divider",".SelectMenu-footer",".SelectMenu-footer",".SelectMenu--hasFilter .SelectMenu-modal",".SelectMenu--hasFilter .SelectMenu-modal",".SelectMenu--hasFilter .SelectMenu-item:last-child",".SelectMenu-tab:focus",".SelectMenu-item:focus",".SelectMenu-item:hover",".SelectMenu-item[aria-checked=\"true\"]",".SelectMenu-item[aria-checked=\"true\"] .SelectMenu-icon","body:not(.intent-mouse) .SelectMenu-item:focus",".SelectMenu-item:hover",".SelectMenu-item:active","body:not(.intent-mouse) .SelectMenu-tab:focus",".SelectMenu-tab:not([aria-checked=\"true\"]):hover",".SelectMenu-tab:not([aria-checked=\"true\"]):active",".SelectMenu-item:focus",".SelectMenu-item:active",".SelectMenu-item"],"specificity":{"max":31,"average":15.092592592592593}},"declarations":{"total":173,"unique":111,"properties":{"position":["fixed","absolute","absolute","relative","relative","absolute"],"top":["0","auto","0"],"right":["0","auto","0"],"bottom":["0","auto","0"],"left":["0","auto","0"],"z-index":["99","99","1"],"display":["flex","none","flex","flex","none","block","block","flex","none"],"padding":["16px","0","16px","8px","16px","16px","8px","0","16px 32px","0 8px","8px 16px","4px 16px","24px 16px","4px 16px","4px 8px","8px 16px","4px 8px"],"pointer-events":["none","none","auto"],"flex-direction":["column","column"],"content":["\"\""],"background-color":["rgba(27,31,35,0.5)","#f6f8fa","transparent","#fff","#fff","transparent","#fff","#fff","#f6f8fa","#0366d6","#2188ff","#dbedff","#e1e4e8","#f6f8fa","#fafbfc"],"max-height":["66%","350px","none","350px"],"margin":["auto 0","4px 0 16px 0","-16px","0","0","0"],"overflow":["hidden","hidden"],"border-radius":["6px","3px"],"box-shadow":["0 0 18px rgba(0,0,0,0.4)","0 1px 5px rgba(27,31,35,0.15)","inset 0 -1px 0 #e1e4e8","0 0 0 1px #e1e4e8","none","0 1px 0 #eaecef"],"animation":["SelectMenu-modal-animation 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards"],"opacity":["0","0"],"transform":["scale(0.9)","translateY(-16px)","scale(0)","scale(1)"],"width":["300px","100%","100%"],"height":["auto","1.5em","80%","auto"],"font-size":["12px","14px","inherit","14px","12px","12px","12px"],"border":["1px solid #d1d5da","0","0","0","1px #e1e4e8 solid"],"animation-name":["SelectMenu-modal-animation--sm"],"flex":["none","auto","auto","1","none"],"font-weight":["600","500","600","500"],"color":["#6a737d","#586069","#6a737d","#24292e","#6a737d","#6a737d","#24292e","#fff","#fff","#24292e","#24292e"],"border-top":["1px #e1e4e8 solid","1px #e1e4e8 solid","1px solid #eaecef","1px #e1e4e8 solid","0","1px #e1e4e8 solid","0","1px #e1e4e8 solid"],"overflow-x":["hidden","auto"],"overflow-y":["auto","hidden"],"-webkit-overflow-scrolling":["touch","touch"],"text-align":["left","center","center","center"],"cursor":["pointer"],"padding-top":["8px"],"padding-bottom":["8px"],"margin-left":["-20px"],"visibility":["hidden","visible"],"transition":["transform 0.12s cubic-bezier(0.5, 0.1, 1, 0.5),visibility 0s 0.12s linear","transform 0.12s cubic-bezier(0, 0, 0.2, 1),visibility 0s linear"],"flex-shrink":["0"],"margin-bottom":["-1px"],"border-top-left-radius":["3px"],"border-top-right-radius":["3px"],"border-bottom-width":["0"],"border-bottom":["1px #e1e4e8 solid","0"],"margin-top":["0","4px"],"outline":["none"],"text-decoration":["none"],"-webkit-tap-highlight-color":["rgba(209,213,218,0.5)"]}},"mediaQueries":{"total":17,"unique":3,"values":["(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(hover: hover)","(hover: none)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[6],"max":6,"average":6},"selectorByRuleSizes":[{"selector":".SelectMenu","declarations":6}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu"],"specificity":{"max":10,"average":10}},"declarations":{"total":6,"unique":6,"properties":{"position":["absolute"],"top":["auto"],"right":["auto"],"bottom":["auto"],"left":["auto"],"padding":["0"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu::before","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".SelectMenu::before"],"specificity":{"max":11,"average":11}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[9],"max":9,"average":9},"selectorByRuleSizes":[{"selector":".SelectMenu-modal","declarations":9}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-modal"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":9,"properties":{"width":["300px"],"height":["auto"],"max-height":["350px"],"margin":["4px 0 16px 0"],"font-size":["12px"],"border":["1px solid #d1d5da"],"border-radius":["3px"],"box-shadow":["0 1px 5px rgba(27,31,35,0.15)"],"animation-name":["SelectMenu-modal-animation--sm"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-header","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-header"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"padding":["8px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-title","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-title"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["inherit"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-closeButton","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-closeButton"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"display":["none"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-filter","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-filter"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"padding":["8px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-input","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-input"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"font-size":["14px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".SelectMenu-item","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-item"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["8px"],"padding-bottom":["8px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".SelectMenu-tabs","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-tabs"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding":["0 8px"],"border-top":["0"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[4],"max":4,"average":4},"selectorByRuleSizes":[{"selector":".SelectMenu-tab","declarations":4}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-tab"],"specificity":{"max":10,"average":10}},"declarations":{"total":4,"unique":4,"properties":{"flex":["none"],"padding":["4px 16px"],"border-top-left-radius":["3px"],"border-top-right-radius":["3px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[3],"max":3,"average":3},"selectorByRuleSizes":[{"selector":".SelectMenu-tab[aria-selected=\"true\"]","declarations":3}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-tab[aria-selected=\"true\"]"],"specificity":{"max":20,"average":20}},"declarations":{"total":3,"unique":3,"properties":{"border":["1px #e1e4e8 solid"],"border-bottom-width":["0"],"box-shadow":["none"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-divider","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-divider"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"padding":["4px 8px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-footer","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-footer"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"padding":["4px 8px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[3],"max":3,"average":3},"selectorByRuleSizes":[{"selector":".SelectMenu--hasFilter .SelectMenu-modal","declarations":3}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu--hasFilter .SelectMenu-modal"],"specificity":{"max":20,"average":20}},"declarations":{"total":3,"unique":3,"properties":{"height":["auto"],"max-height":["350px"],"margin-top":["4px"]}}},{"value":"(hover: hover)","rules":{"total":5,"size":{"graph":[2,2,1,2,2],"max":2,"average":1.8},"selectorByRuleSizes":[{"selector":",.SelectMenu-tab:not([aria-checked=\"true\"]):active","declarations":2},{"selector":",.SelectMenu-tab:not([aria-checked=\"true\"]):hover","declarations":2},{"selector":",.SelectMenu-item:active","declarations":2},{"selector":"body:not(.intent-mouse) .SelectMenu-item:focus,.SelectMenu-item:hover","declarations":2},{"selector":",body:not(.intent-mouse) .SelectMenu-tab:focus","declarations":1}]},"selectors":{"total":6,"type":2,"class":6,"id":0,"pseudoClass":6,"pseudoElement":0,"values":["body:not(.intent-mouse) .SelectMenu-item:focus",".SelectMenu-item:hover",".SelectMenu-item:active","body:not(.intent-mouse) .SelectMenu-tab:focus",".SelectMenu-tab:not([aria-checked=\"true\"]):hover",".SelectMenu-tab:not([aria-checked=\"true\"]):active"],"specificity":{"max":31,"average":27}},"declarations":{"total":9,"unique":7,"properties":{"color":["#fff","#fff","#24292e","#24292e"],"background-color":["#0366d6","#2188ff","#dbedff","#e1e4e8","#f6f8fa"]}}},{"value":"(hover: none)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":",.SelectMenu-item","declarations":1},{"selector":".SelectMenu-item:focus,.SelectMenu-item:active","declarations":1}]},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".SelectMenu-item:focus",".SelectMenu-item:active",".SelectMenu-item"],"specificity":{"max":20,"average":16.666666666666668}},"declarations":{"total":2,"unique":2,"properties":{"background-color":["#fafbfc"],"-webkit-tap-highlight-color":["rgba(209,213,218,0.5)"]}}}]}}