@workday/canvas-kit-css-menu
Version:
Menu CSS for Canvas kit CSS
310 lines • 6.69 kB
JSON
{
"size": 2160,
"gzipSize": 797,
"humanizedSize": "2KB",
"humanizedGzipSize": "797B",
"rules": {
"total": 22,
"size": {
"graph": [
16,
2,
1,
3,
9,
1,
1,
2,
1,
1,
1,
1,
1,
1,
2,
1,
2,
2,
5,
5,
2,
1
],
"max": 16,
"average": 2.772727272727273
},
"selectorByRuleSizes": [
{
"selector": ".wdc-menu",
"declarations": 16
},
{
"selector": ".wdc-menu ul li",
"declarations": 9
},
{
"selector": ".wdc-menu ul hr",
"declarations": 5
},
{
"selector": ".wdc-menu ul li .wdc-menu-item-label",
"declarations": 5
},
{
"selector": ".wdc-menu ul",
"declarations": 3
},
{
"selector": ".wdc-menu p",
"declarations": 2
},
{
"selector": ".wdc-menu ul li .wdc-icon:not(:first-of-type),.wdc-menu ul li .wdc-menu-item-icon:not(:first-of-type)",
"declarations": 2
},
{
"selector": ".wdc-menu ul li .wdc-icon:first-of-type,.wdc-menu ul li .wdc-menu-item-icon:first-of-type",
"declarations": 2
},
{
"selector": ".wdc-menu ul li a",
"declarations": 2
},
{
"selector": ".wdc-menu ul li.wdc-menu-item-disabled",
"declarations": 2
},
{
"selector": ".wdc-menu",
"declarations": 2
},
{
"selector": ".wdc-menu p:not(:first-of-type)",
"declarations": 1
},
{
"selector": ".wdc-menu ul li .wd-icon-fill",
"declarations": 1
},
{
"selector": ".wdc-menu ul li.wdc-menu-item-focused .wd-icon-fill,.wdc-menu ul li.wdc-menu-item-focused.wdc-menu-item-disabled .wd-icon-fill",
"declarations": 1
},
{
"selector": ".wdc-menu ul li.wdc-menu-item-focused,.wdc-menu ul li.wdc-menu-item-focused.wdc-menu-item-disabled",
"declarations": 1
},
{
"selector": ".wdc-menu ul li.wdc-menu-item-focused.wdc-menu-item-disabled",
"declarations": 1
},
{
"selector": ".wdc-menu ul li.wdc-menu-item-focused",
"declarations": 1
},
{
"selector": ".wdc-menu ul li.wdc-menu-item-disabled:hover",
"declarations": 1
},
{
"selector": ".wdc-menu ul li.wdc-menu-item-disabled .wd-icon-fill",
"declarations": 1
},
{
"selector": ".wdc-menu ul li:hover .wd-icon-fill",
"declarations": 1
},
{
"selector": ".wdc-menu ul li:hover",
"declarations": 1
},
{
"selector": ".wdc-menu.wdc-menu-grow",
"declarations": 1
}
]
},
"selectors": {
"total": 26,
"type": 23,
"class": 26,
"id": 0,
"pseudoClass": 8,
"pseudoElement": 0,
"values": [
".wdc-menu",
".wdc-menu",
".wdc-menu.wdc-menu-grow",
".wdc-menu ul",
".wdc-menu ul li",
".wdc-menu ul li:hover",
".wdc-menu ul li:hover .wd-icon-fill",
".wdc-menu ul li.wdc-menu-item-disabled",
".wdc-menu ul li.wdc-menu-item-disabled .wd-icon-fill",
".wdc-menu ul li.wdc-menu-item-disabled:hover",
".wdc-menu ul li.wdc-menu-item-focused",
".wdc-menu ul li.wdc-menu-item-focused.wdc-menu-item-disabled",
".wdc-menu ul li.wdc-menu-item-focused",
".wdc-menu ul li.wdc-menu-item-focused.wdc-menu-item-disabled",
".wdc-menu ul li.wdc-menu-item-focused .wd-icon-fill",
".wdc-menu ul li.wdc-menu-item-focused.wdc-menu-item-disabled .wd-icon-fill",
".wdc-menu ul li a",
".wdc-menu ul li .wd-icon-fill",
".wdc-menu ul li .wdc-icon:first-of-type",
".wdc-menu ul li .wdc-menu-item-icon:first-of-type",
".wdc-menu ul li .wdc-icon:not(:first-of-type)",
".wdc-menu ul li .wdc-menu-item-icon:not(:first-of-type)",
".wdc-menu ul li .wdc-menu-item-label",
".wdc-menu ul hr",
".wdc-menu p",
".wdc-menu p:not(:first-of-type)"
],
"specificity": {
"max": 42,
"average": 23.615384615384617
}
},
"declarations": {
"total": 61,
"unique": 57,
"properties": {
"font-family": [
"\"Roboto\",\"Helvetica Neue\",\"Helvetica\",Arial,sans-serif"
],
"-webkit-font-smoothing": [
"antialiased"
],
"-moz-osx-font-smoothing": [
"grayscale"
],
"margin": [
"0",
"8px 0",
"8px 0"
],
"font-size": [
"14px",
"14px"
],
"font-weight": [
"400"
],
"line-height": [
"20px"
],
"color": [
"#494949",
"#494949",
"#a1aab3",
"#fff",
"inherit"
],
"box-shadow": [
"0px 4px 8px 0 rgba(0,0,0,.1)"
],
"display": [
"inline-block",
"flex",
"block"
],
"background-color": [
"#fff",
"#e8ebed",
"rgba(0,0,0,0)",
"#0875e1",
"#a6d2ff"
],
"border-radius": [
"4px"
],
"border": [
"1px solid #ced3d9",
"0"
],
"box-sizing": [
"border-box",
"border-box"
],
"position": [
"relative"
],
"width": [
"max-content",
"auto",
"100%"
],
"min-width": [
"200px"
],
"list-style": [
"none"
],
"padding": [
"0",
"8px 16px"
],
"align-items": [
"center"
],
"height": [
"40px",
"1px"
],
"cursor": [
"pointer",
"default"
],
"transition": [
"background-color 80ms"
],
"fill": [
"#333d47",
"#b9c0c7",
"#fff",
"#7b858f"
],
"text-decoration": [
"none"
],
"margin-right": [
"16px"
],
"order": [
"1",
"3",
"2"
],
"margin-left": [
"16px"
],
"flex": [
"1"
],
"overflow": [
"hidden"
],
"text-overflow": [
"ellipsis"
],
"white-space": [
"nowrap"
],
"border-top": [
"1px solid #dfe2e6"
],
"margin-top": [
"0",
"4px"
],
"margin-bottom": [
"0"
]
}
},
"mediaQueries": {
"total": 0,
"unique": 0,
"values": [],
"contents": []
}
}