@workday/canvas-kit-css-text-input
Version:
The text-input css for canvas-kit-css
178 lines • 3.98 kB
JSON
{
"size": 1514,
"gzipSize": 539,
"humanizedSize": "1KB",
"humanizedGzipSize": "539B",
"rules": {
"total": 7,
"size": {
"graph": [
18,
3,
1,
3,
4,
1,
11
],
"max": 18,
"average": 5.857142857142857
},
"selectorByRuleSizes": [
{
"selector": ".wdc-form-textinput input",
"declarations": 18
},
{
"selector": ".wdc-form-text",
"declarations": 11
},
{
"selector": ".wdc-form-textinput input:disabled,.wdc-form-textinput input.wdc-form-disabled",
"declarations": 4
},
{
"selector": ".wdc-form-textinput input.wdc-form-focus:not([disabled]),.wdc-form-textinput input:focus:not([disabled])",
"declarations": 3
},
{
"selector": ".wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled),.wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled)",
"declarations": 3
},
{
"selector": ".wdc-form-textinput input:disabled::placeholder,.wdc-form-textinput input.wdc-form-disabled::placeholder",
"declarations": 1
},
{
"selector": ".wdc-form-textinput input::placeholder",
"declarations": 1
}
]
},
"selectors": {
"total": 11,
"type": 10,
"class": 11,
"id": 0,
"pseudoClass": 6,
"pseudoElement": 0,
"values": [
".wdc-form-textinput input",
".wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled)",
".wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled)",
".wdc-form-textinput input::placeholder",
".wdc-form-textinput input.wdc-form-focus:not([disabled])",
".wdc-form-textinput input:focus:not([disabled])",
".wdc-form-textinput input:disabled",
".wdc-form-textinput input.wdc-form-disabled",
".wdc-form-textinput input:disabled::placeholder",
".wdc-form-textinput input.wdc-form-disabled::placeholder",
".wdc-form-text"
],
"specificity": {
"max": 41,
"average": 23.90909090909091
}
},
"declarations": {
"total": 41,
"unique": 30,
"properties": {
"font-family": [
"\"Roboto\",\"Helvetica Neue\",\"Helvetica\",Arial,sans-serif",
"\"Roboto\",\"Helvetica Neue\",\"Helvetica\",Arial,sans-serif"
],
"-webkit-font-smoothing": [
"antialiased",
"antialiased"
],
"-moz-osx-font-smoothing": [
"grayscale",
"grayscale"
],
"margin": [
"0",
"0"
],
"font-size": [
"14px",
"14px",
"13px"
],
"font-weight": [
"400",
"400"
],
"line-height": [
"20px",
"14px",
"20px"
],
"color": [
"#494949",
"#5e6a75",
"#a1aab3",
"#494949"
],
"background-color": [
"#fff"
],
"display": [
"block",
"block"
],
"border": [
"1px solid #7b858f"
],
"border-radius": [
"4px"
],
"min-width": [
"280px"
],
"padding": [
"8px"
],
"box-sizing": [
"border-box"
],
"transition": [
".2s border-color,.2s box-shadow"
],
"height": [
"40px"
],
"border-color": [
"#0875e1",
"#0875e1",
"#b9c0c7"
],
"box-shadow": [
"inset 0 0 0 1px #0875e1",
"0 0 0 1px #0875e1"
],
"outline": [
"none",
"none"
],
"cursor": [
"default"
],
"background": [
"#f6f7f8"
],
"pointer-events": [
"none"
],
"margin-top": [
"8px"
]
}
},
"mediaQueries": {
"total": 0,
"unique": 0,
"values": [],
"contents": []
}
}