swc/crates/swc_css_parser/tests/fixture/at-rule/keyframe/output.json

752 lines
18 KiB
JSON

{
"type": "Stylesheet",
"span": {
"start": 0,
"end": 432,
"ctxt": 0
},
"rules": [
{
"type": "KeyframesRule",
"span": {
"start": 0,
"end": 28,
"ctxt": 0
},
"name": {
"type": "CustomIdentifier",
"span": {
"start": 11,
"end": 14,
"ctxt": 0
},
"value": "foo",
"raw": "foo"
},
"blocks": []
},
{
"type": "KeyframesRule",
"span": {
"start": 29,
"end": 59,
"ctxt": 0
},
"name": {
"type": "String",
"span": {
"start": 40,
"end": 45,
"ctxt": 0
},
"value": "foo",
"raw": "\"foo\""
},
"blocks": []
},
{
"type": "KeyframesRule",
"span": {
"start": 60,
"end": 94,
"ctxt": 0
},
"name": {
"type": "CustomIdentifier",
"span": {
"start": 74,
"end": 77,
"ctxt": 0
},
"value": "foo",
"raw": "foo"
},
"blocks": []
},
{
"type": "KeyframesRule",
"span": {
"start": 96,
"end": 223,
"ctxt": 0
},
"name": {
"type": "CustomIdentifier",
"span": {
"start": 107,
"end": 114,
"ctxt": 0
},
"value": "slidein",
"raw": "slidein"
},
"blocks": [
{
"span": {
"start": 121,
"end": 168,
"ctxt": 0
},
"selector": [
{
"type": "Identifier",
"span": {
"start": 121,
"end": 125,
"ctxt": 0
},
"value": "from",
"raw": "from"
}
],
"rule": {
"type": "Block",
"span": {
"start": 126,
"end": 168,
"ctxt": 0
},
"value": [
{
"type": "Declaration",
"span": {
"start": 136,
"end": 161,
"ctxt": 0
},
"property": {
"type": "Identifier",
"span": {
"start": 136,
"end": 145,
"ctxt": 0
},
"value": "transform",
"raw": "transform"
},
"value": [
{
"type": "Function",
"span": {
"start": 147,
"end": 161,
"ctxt": 0
},
"name": {
"type": "Identifier",
"span": {
"start": 147,
"end": 157,
"ctxt": 0
},
"value": "translateX",
"raw": "translateX"
},
"value": [
{
"type": "Percent",
"span": {
"start": 158,
"end": 160,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 158,
"end": 159,
"ctxt": 0
},
"value": 0.0,
"raw": "0"
}
}
]
}
],
"important": null
}
]
}
},
{
"span": {
"start": 174,
"end": 221,
"ctxt": 0
},
"selector": [
{
"type": "Identifier",
"span": {
"start": 174,
"end": 176,
"ctxt": 0
},
"value": "to",
"raw": "to"
}
],
"rule": {
"type": "Block",
"span": {
"start": 177,
"end": 221,
"ctxt": 0
},
"value": [
{
"type": "Declaration",
"span": {
"start": 187,
"end": 214,
"ctxt": 0
},
"property": {
"type": "Identifier",
"span": {
"start": 187,
"end": 196,
"ctxt": 0
},
"value": "transform",
"raw": "transform"
},
"value": [
{
"type": "Function",
"span": {
"start": 198,
"end": 214,
"ctxt": 0
},
"name": {
"type": "Identifier",
"span": {
"start": 198,
"end": 208,
"ctxt": 0
},
"value": "translateX",
"raw": "translateX"
},
"value": [
{
"type": "Percent",
"span": {
"start": 209,
"end": 213,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 209,
"end": 212,
"ctxt": 0
},
"value": 100.0,
"raw": "100"
}
}
]
}
],
"important": null
}
]
}
}
]
},
{
"type": "KeyframesRule",
"span": {
"start": 225,
"end": 367,
"ctxt": 0
},
"name": {
"type": "CustomIdentifier",
"span": {
"start": 236,
"end": 246,
"ctxt": 0
},
"value": "identifier",
"raw": "identifier"
},
"blocks": [
{
"span": {
"start": 253,
"end": 276,
"ctxt": 0
},
"selector": [
{
"type": "Percent",
"span": {
"start": 253,
"end": 255,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 253,
"end": 254,
"ctxt": 0
},
"value": 0.0,
"raw": "0"
}
}
],
"rule": {
"type": "Block",
"span": {
"start": 256,
"end": 276,
"ctxt": 0
},
"value": [
{
"type": "Declaration",
"span": {
"start": 258,
"end": 264,
"ctxt": 0
},
"property": {
"type": "Identifier",
"span": {
"start": 258,
"end": 261,
"ctxt": 0
},
"value": "top",
"raw": "top"
},
"value": [
{
"type": "Number",
"span": {
"start": 263,
"end": 264,
"ctxt": 0
},
"value": 0.0,
"raw": "0"
}
],
"important": null
},
{
"type": "Declaration",
"span": {
"start": 266,
"end": 273,
"ctxt": 0
},
"property": {
"type": "Identifier",
"span": {
"start": 266,
"end": 270,
"ctxt": 0
},
"value": "left",
"raw": "left"
},
"value": [
{
"type": "Number",
"span": {
"start": 272,
"end": 273,
"ctxt": 0
},
"value": 0.0,
"raw": "0"
}
],
"important": null
}
]
}
},
{
"span": {
"start": 281,
"end": 299,
"ctxt": 0
},
"selector": [
{
"type": "Percent",
"span": {
"start": 281,
"end": 284,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 281,
"end": 283,
"ctxt": 0
},
"value": 30.0,
"raw": "30"
}
}
],
"rule": {
"type": "Block",
"span": {
"start": 285,
"end": 299,
"ctxt": 0
},
"value": [
{
"type": "Declaration",
"span": {
"start": 287,
"end": 296,
"ctxt": 0
},
"property": {
"type": "Identifier",
"span": {
"start": 287,
"end": 290,
"ctxt": 0
},
"value": "top",
"raw": "top"
},
"value": [
{
"type": "UnitValue",
"span": {
"start": 292,
"end": 296,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 292,
"end": 294,
"ctxt": 0
},
"value": 50.0,
"raw": "50"
},
"unit": {
"span": {
"start": 294,
"end": 296,
"ctxt": 0
},
"value": "px",
"raw": "px"
}
}
],
"important": null
}
]
}
},
{
"span": {
"start": 304,
"end": 328,
"ctxt": 0
},
"selector": [
{
"type": "Percent",
"span": {
"start": 304,
"end": 307,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 304,
"end": 306,
"ctxt": 0
},
"value": 68.0,
"raw": "68"
}
},
{
"type": "Percent",
"span": {
"start": 309,
"end": 312,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 309,
"end": 311,
"ctxt": 0
},
"value": 72.0,
"raw": "72"
}
}
],
"rule": {
"type": "Block",
"span": {
"start": 313,
"end": 328,
"ctxt": 0
},
"value": [
{
"type": "Declaration",
"span": {
"start": 315,
"end": 325,
"ctxt": 0
},
"property": {
"type": "Identifier",
"span": {
"start": 315,
"end": 319,
"ctxt": 0
},
"value": "left",
"raw": "left"
},
"value": [
{
"type": "UnitValue",
"span": {
"start": 321,
"end": 325,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 321,
"end": 323,
"ctxt": 0
},
"value": 50.0,
"raw": "50"
},
"unit": {
"span": {
"start": 323,
"end": 325,
"ctxt": 0
},
"value": "px",
"raw": "px"
}
}
],
"important": null
}
]
}
},
{
"span": {
"start": 333,
"end": 365,
"ctxt": 0
},
"selector": [
{
"type": "Percent",
"span": {
"start": 333,
"end": 337,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 333,
"end": 336,
"ctxt": 0
},
"value": 100.0,
"raw": "100"
}
}
],
"rule": {
"type": "Block",
"span": {
"start": 338,
"end": 365,
"ctxt": 0
},
"value": [
{
"type": "Declaration",
"span": {
"start": 340,
"end": 350,
"ctxt": 0
},
"property": {
"type": "Identifier",
"span": {
"start": 340,
"end": 343,
"ctxt": 0
},
"value": "top",
"raw": "top"
},
"value": [
{
"type": "UnitValue",
"span": {
"start": 345,
"end": 350,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 345,
"end": 348,
"ctxt": 0
},
"value": 100.0,
"raw": "100"
},
"unit": {
"span": {
"start": 348,
"end": 350,
"ctxt": 0
},
"value": "px",
"raw": "px"
}
}
],
"important": null
},
{
"type": "Declaration",
"span": {
"start": 352,
"end": 362,
"ctxt": 0
},
"property": {
"type": "Identifier",
"span": {
"start": 352,
"end": 356,
"ctxt": 0
},
"value": "left",
"raw": "left"
},
"value": [
{
"type": "Percent",
"span": {
"start": 358,
"end": 362,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 358,
"end": 361,
"ctxt": 0
},
"value": 100.0,
"raw": "100"
}
}
],
"important": null
}
]
}
}
]
},
{
"type": "KeyframesRule",
"span": {
"start": 369,
"end": 386,
"ctxt": 0
},
"name": {
"type": "CustomIdentifier",
"span": {
"start": 380,
"end": 383,
"ctxt": 0
},
"value": "FOO",
"raw": "FOO"
},
"blocks": []
},
{
"type": "KeyframesRule",
"span": {
"start": 387,
"end": 410,
"ctxt": 0
},
"name": {
"type": "String",
"span": {
"start": 398,
"end": 407,
"ctxt": 0
},
"value": "initial",
"raw": "\"initial\""
},
"blocks": []
},
{
"type": "KeyframesRule",
"span": {
"start": 411,
"end": 431,
"ctxt": 0
},
"name": {
"type": "String",
"span": {
"start": 422,
"end": 428,
"ctxt": 0
},
"value": "None",
"raw": "\"None\""
},
"blocks": []
}
]
}