@workday/canvas-kit-css-badge
Version:
provides a summary indicator with dynamic values
155 lines • 2.83 kB
JSON
{
"size": 1110,
"gzipSize": 453,
"humanizedSize": "1KB",
"humanizedGzipSize": "453B",
"rules": {
"total": 6,
"size": {
"graph": [
1,
1,
16,
3,
16,
3
],
"max": 16,
"average": 6.666666666666667
},
"selectorByRuleSizes": [
{
"selector": ".wdc-count-badge-inverse",
"declarations": 16
},
{
"selector": ".wdc-count-badge",
"declarations": 16
},
{
"selector": ".wdc-count-badge-inverse:empty",
"declarations": 3
},
{
"selector": ".wdc-count-badge:empty",
"declarations": 3
},
{
"selector": "to",
"declarations": 1
},
{
"selector": "from",
"declarations": 1
}
]
},
"selectors": {
"total": 4,
"type": 0,
"class": 4,
"id": 0,
"pseudoClass": 2,
"pseudoElement": 0,
"values": [
".wdc-count-badge",
".wdc-count-badge:empty",
".wdc-count-badge-inverse",
".wdc-count-badge-inverse:empty"
],
"specificity": {
"max": 20,
"average": 15
}
},
"declarations": {
"total": 40,
"unique": 25,
"properties": {
"transform": [
"scale(0.85)",
"scale(1)"
],
"align-items": [
"center",
"center"
],
"animation": [
"wdc-count-badge-grow .2s ease",
"wdc-count-badge-grow .2s ease"
],
"border-radius": [
"999px",
"999px"
],
"box-sizing": [
"border-box",
"border-box"
],
"display": [
"inline-flex",
"inline-flex"
],
"font-family": [
"\"Roboto\",\"Helvetica Neue\",\"Helvetica\",Arial,sans-serif",
"\"Roboto\",\"Helvetica Neue\",\"Helvetica\",Arial,sans-serif"
],
"font-size": [
"12px",
"12px"
],
"font-weight": [
"700",
"700"
],
"height": [
"20px",
"20px"
],
"justify-content": [
"center",
"center"
],
"min-width": [
"20px",
"20px"
],
"line-height": [
"20px",
"20px"
],
"padding": [
"0 6.5px",
"0",
"0 6.5px",
"0"
],
"background": [
"#de2e21",
"#fff",
"#fff",
"#0875e1"
],
"color": [
"#fff",
"#0875e1"
],
"text-shadow": [
"0 0 1px rgba(0,0,0,.35)"
],
"border": [
"solid 6px #de2e21",
"solid 6px #fff"
],
"box-shadow": [
"0 1px 2px rgba(0,0,0,.25)"
]
}
},
"mediaQueries": {
"total": 0,
"unique": 0,
"values": [],
"contents": []
}
}