{ "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": "Dimension", "span": { "start": 292, "end": 296, "ctxt": 0 }, "value": { "type": "Number", "span": { "start": 292, "end": 294, "ctxt": 0 }, "value": 50.0, "raw": "50" }, "unit": { "type": "Identifier", "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": "Dimension", "span": { "start": 321, "end": 325, "ctxt": 0 }, "value": { "type": "Number", "span": { "start": 321, "end": 323, "ctxt": 0 }, "value": 50.0, "raw": "50" }, "unit": { "type": "Identifier", "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": "Dimension", "span": { "start": 345, "end": 350, "ctxt": 0 }, "value": { "type": "Number", "span": { "start": 345, "end": 348, "ctxt": 0 }, "value": 100.0, "raw": "100" }, "unit": { "type": "Identifier", "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": [] } ] }