@workday/canvas-kit-css-core

{ "size": 6707, "gzipSize": 1080, "humanizedSize": "7KB", "humanizedGzipSize": "1KB", "rules": { "total": 30, "size": { "graph": [ 1, 1, 1, 1, 2, 8, 4, 4, 4, 4, 4, 4, 4, 4, 5, 4, 1, 1, 2, 8, 2, 1, 2, 1, 1, 1, 1, 2, 2, 2 ], "max": 8, "average": 2.7333333333333334 }, "selectorByRuleSizes": [ { "selector": ".wdc-type-variant-link", "declarations": 8 }, { "selector": ".wdc-type", "declarations": 8 }, { "selector": ".wdc-type-body-2", "declarations": 5 }, { "selector": ".wdc-type-small", "declarations": 4 }, { "selector": ".wdc-type-body,.wdc-type-body-1", "declarations": 4 }, { "selector": ".wdc-type-h5", "declarations": 4 }, { "selector": ".wdc-type-h4", "declarations": 4 }, { "selector": ".wdc-type-h3", "declarations": 4 }, { "selector": ".wdc-type-h2", "declarations": 4 }, { "selector": ".wdc-type-h1", "declarations": 4 }, { "selector": ".wdc-type-data-viz-2", "declarations": 4 }, { "selector": ".wdc-type-data-viz-1", "declarations": 4 }, { "selector": "[data-whatinput=keyboard] .wdc-a11y a:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard] .wdc-a11y input:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard] .wdc-a11y button:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard].wdc-a11y a:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard].wdc-a11y input:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard].wdc-a11y button:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex=\"-1\"]):focus,[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus", "declarations": 2 }, { "selector": "[data-whatinput=initial] .wdc-a11y a:not([tabindex=\"-1\"]):focus,[data-whatinput=initial] .wdc-a11y input:not([tabindex=\"-1\"]):focus,[data-whatinput=initial] .wdc-a11y button:not([tabindex=\"-1\"]):focus,[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus,[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex=\"-1\"]):focus,[data-whatinput=initial] .wdc-a11y iframe:not([tabindex=\"-1\"]):focus,[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus,[data-whatinput=initial].wdc-a11y a:not([tabindex=\"-1\"]):focus,[data-whatinput=initial].wdc-a11y input:not([tabindex=\"-1\"]):focus,[data-whatinput=initial].wdc-a11y button:not([tabindex=\"-1\"]):focus,[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus,[data-whatinput=initial].wdc-a11y area[href]:not([tabindex=\"-1\"]):focus,[data-whatinput=initial].wdc-a11y iframe:not([tabindex=\"-1\"]):focus,[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse] .wdc-a11y a:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse] .wdc-a11y input:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse] .wdc-a11y button:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse].wdc-a11y a:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse].wdc-a11y input:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse].wdc-a11y button:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse].wdc-a11y iframe:not([tabindex=\"-1\"]):focus,[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus,[data-whatinput=touch] .wdc-a11y a:not([tabindex=\"-1\"]):focus,[data-whatinput=touch] .wdc-a11y input:not([tabindex=\"-1\"]):focus,[data-whatinput=touch] .wdc-a11y button:not([tabindex=\"-1\"]):focus,[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus,[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex=\"-1\"]):focus,[data-whatinput=touch] .wdc-a11y iframe:not([tabindex=\"-1\"]):focus,[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus,[data-whatinput=touch].wdc-a11y a:not([tabindex=\"-1\"]):focus,[data-whatinput=touch].wdc-a11y input:not([tabindex=\"-1\"]):focus,[data-whatinput=touch].wdc-a11y button:not([tabindex=\"-1\"]):focus,[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus,[data-whatinput=touch].wdc-a11y area[href]:not([tabindex=\"-1\"]):focus,[data-whatinput=touch].wdc-a11y iframe:not([tabindex=\"-1\"]):focus,[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus", "declarations": 2 }, { "selector": ".wdc-a11y a:not([tabindex=\"-1\"]):focus,.wdc-a11y input:not([tabindex=\"-1\"]):focus,.wdc-a11y button:not([tabindex=\"-1\"]):focus,.wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus,.wdc-a11y area[href]:not([tabindex=\"-1\"]):focus,.wdc-a11y iframe:not([tabindex=\"-1\"]):focus,.wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus", "declarations": 2 }, { "selector": ".wdc-type-variant-link:active", "declarations": 2 }, { "selector": ".wdc-type-variant-link:hover", "declarations": 2 }, { "selector": ".wdc-type-variant-caps", "declarations": 2 }, { "selector": ".wdc-depth-4", "declarations": 2 }, { "selector": ".wdc-type-variant-inverse,.wdc-type-variant-white", "declarations": 1 }, { "selector": ".wdc-type-variant-mono", "declarations": 1 }, { "selector": ".wdc-type-variant-error", "declarations": 1 }, { "selector": ".wdc-type-variant-hint", "declarations": 1 }, { "selector": ".wdc-type-variant-link.wdc-type-variant-link-focus,.wdc-type-variant-link:focus", "declarations": 1 }, { "selector": ".wdc-type-variant-btn,.wdc-type-variant-button", "declarations": 1 }, { "selector": ".wdc-type-variant-label", "declarations": 1 }, { "selector": ".wdc-depth-3", "declarations": 1 }, { "selector": ".wdc-depth-2", "declarations": 1 }, { "selector": ".wdc-depth-1", "declarations": 1 }, { "selector": ".wdc-depth-inset", "declarations": 1 } ] }, "selectors": { "total": 94, "type": 45, "class": 94, "id": 0, "pseudoClass": 66, "pseudoElement": 0, "values": [ ".wdc-depth-inset", ".wdc-depth-1", ".wdc-depth-2", ".wdc-depth-3", ".wdc-depth-4", ".wdc-type", ".wdc-type-data-viz-1", ".wdc-type-data-viz-2", ".wdc-type-h1", ".wdc-type-h2", ".wdc-type-h3", ".wdc-type-h4", ".wdc-type-h5", ".wdc-type-body", ".wdc-type-body-1", ".wdc-type-body-2", ".wdc-type-small", ".wdc-type-variant-label", ".wdc-type-variant-btn", ".wdc-type-variant-button", ".wdc-type-variant-caps", ".wdc-type-variant-link", ".wdc-type-variant-link:hover", ".wdc-type-variant-link.wdc-type-variant-link-focus", ".wdc-type-variant-link:focus", ".wdc-type-variant-link:active", ".wdc-type-variant-hint", ".wdc-type-variant-error", ".wdc-type-variant-mono", ".wdc-type-variant-inverse", ".wdc-type-variant-white", ".wdc-a11y a:not([tabindex=\"-1\"]):focus", ".wdc-a11y input:not([tabindex=\"-1\"]):focus", ".wdc-a11y button:not([tabindex=\"-1\"]):focus", ".wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus", ".wdc-a11y area[href]:not([tabindex=\"-1\"]):focus", ".wdc-a11y iframe:not([tabindex=\"-1\"]):focus", ".wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial] .wdc-a11y a:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial] .wdc-a11y input:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial] .wdc-a11y button:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial] .wdc-a11y iframe:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial].wdc-a11y a:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial].wdc-a11y input:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial].wdc-a11y button:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial].wdc-a11y area[href]:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial].wdc-a11y iframe:not([tabindex=\"-1\"]):focus", "[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse] .wdc-a11y a:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse] .wdc-a11y input:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse] .wdc-a11y button:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse].wdc-a11y a:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse].wdc-a11y input:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse].wdc-a11y button:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse].wdc-a11y iframe:not([tabindex=\"-1\"]):focus", "[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch] .wdc-a11y a:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch] .wdc-a11y input:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch] .wdc-a11y button:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch] .wdc-a11y iframe:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch].wdc-a11y a:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch].wdc-a11y input:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch].wdc-a11y button:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch].wdc-a11y area[href]:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch].wdc-a11y iframe:not([tabindex=\"-1\"]):focus", "[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard] .wdc-a11y a:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard] .wdc-a11y input:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard] .wdc-a11y button:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard].wdc-a11y a:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard].wdc-a11y input:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard].wdc-a11y button:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex=\"-1\"]):focus", "[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex=\"-1\"]):focus" ], "specificity": { "max": 51, "average": 33.138297872340424 } }, "declarations": { "total": 82, "unique": 51, "properties": { "box-shadow": [ "inset 0px 0px 8px 0 rgba(82,97,115,.09)", "0px 2px 4px 0 rgba(0,0,0,.08)", "0px 4px 8px 0 rgba(0,0,0,.1)", "0px 8px 16px 0 rgba(0,0,0,.12)", "0px 8px 16px 0 rgba(0,0,0,.12)", "0 0 0 2px #0875e1" ], "border": [ "1px solid #dae2e6" ], "font-family": [ "\"Roboto\",\"Helvetica Neue\",\"Helvetica\",Arial,sans-serif", "\"Roboto Mono\",\"Courier New\",Courier,monospace" ], "-webkit-font-smoothing": [ "antialiased" ], "-moz-osx-font-smoothing": [ "grayscale" ], "margin": [ "0", "0 -2px" ], "font-size": [ "14px", "56px", "34px", "28px", "24px", "20px", "16px", "16px", "14px", "14px", "13px", "12px" ], "font-weight": [ "400", "300", "300", "500", "700", "700", "700", "400", "400", "400", "400", "500", "500", "500" ], "line-height": [ "20px", "68px", "40px", "36px", "32px", "28px", "24px", "24px", "20px", "20px", "16px" ], "color": [ "#494949", "#333", "#333", "#333", "#333", "#333", "#333", "#333", "#494949", "#494949", "#494949", "#0875e1", "#005cb9", "#004387", "#5e6a75", "#de4721", "#fff" ], "text-transform": [ "uppercase" ], "text-decoration": [ "none", "none", "none", "none" ], "cursor": [ "pointer" ], "border-radius": [ "2px" ], "display": [ "inline-block" ], "padding": [ "0 2px" ], "transition": [ "color .15s,background-color .15s" ], "background": [ "#f0f1f2", "#f0f1f2" ], "outline": [ "2px solid #005cb9", "none", "2px solid #005cb9" ] } }, "mediaQueries": { "total": 0, "unique": 0, "values": [], "contents": [] } }