swc/css/parser/tests/fixture/rome/keyframe/output.json

{
  "type": "Stylesheet",
  "span": {
    "start": 0,
    "end": 253,
    "ctxt": 0
  },
  "rules": [
    {
      "type": "KeyframesRule",
      "span": {
        "start": 0,
        "end": 131,
        "ctxt": 0
      },
      "id": {
        "type": "Text",
        "span": {
          "start": 11,
          "end": 21,
          "ctxt": 0
        },
        "value": "important1"
      },
      "blocks": [
        {
          "span": {
            "start": 28,
            "end": 76,
            "ctxt": 0
          },
          "selector": [
            {
              "type": "Text",
              "span": {
                "start": 28,
                "end": 32,
                "ctxt": 0
              },
              "value": "from"
            }
          ],
          "rule": {
            "type": "DeclBlock",
            "span": {
              "start": 33,
              "end": 76,
              "ctxt": 0
            },
            "properties": [
              {
                "type": "Property",
                "span": {
                  "start": 43,
                  "end": 60,
                  "ctxt": 0
                },
                "name": {
                  "type": "Text",
                  "span": {
                    "start": 43,
                    "end": 53,
                    "ctxt": 0
                  },
                  "value": "margin-top"
                },
                "values": [
                  {
                    "type": "UnitValue",
                    "span": {
                      "start": 55,
                      "end": 55,
                      "ctxt": 0
                    },
                    "value": {
                      "type": "Number",
                      "span": {
                        "start": 55,
                        "end": 57,
                        "ctxt": 0
                      },
                      "value": 50.0
                    },
                    "unit": {
                      "span": {
                        "start": 57,
                        "end": 59,
                        "ctxt": 0
                      },
                      "kind": null
                    }
                  }
                ],
                "important": {
                  "start": 60,
                  "end": 60,
                  "ctxt": 0
                }
              }
            ]
          }
        },
        {
          "span": {
            "start": 82,
            "end": 129,
            "ctxt": 0
          },
          "selector": [
            {
              "type": "Text",
              "span": {
                "start": 82,
                "end": 84,
                "ctxt": 0
              },
              "value": "to"
            }
          ],
          "rule": {
            "type": "DeclBlock",
            "span": {
              "start": 85,
              "end": 129,
              "ctxt": 0
            },
            "properties": [
              {
                "type": "Property",
                "span": {
                  "start": 95,
                  "end": 113,
                  "ctxt": 0
                },
                "name": {
                  "type": "Text",
                  "span": {
                    "start": 95,
                    "end": 105,
                    "ctxt": 0
                  },
                  "value": "margin-top"
                },
                "values": [
                  {
                    "type": "UnitValue",
                    "span": {
                      "start": 107,
                      "end": 107,
                      "ctxt": 0
                    },
                    "value": {
                      "type": "Number",
                      "span": {
                        "start": 107,
                        "end": 110,
                        "ctxt": 0
                      },
                      "value": 100.0
                    },
                    "unit": {
                      "span": {
                        "start": 110,
                        "end": 112,
                        "ctxt": 0
                      },
                      "kind": null
                    }
                  }
                ],
                "important": {
                  "start": 113,
                  "end": 113,
                  "ctxt": 0
                }
              }
            ]
          }
        }
      ]
    },
    {
      "type": "KeyframesRule",
      "span": {
        "start": 134,
        "end": 231,
        "ctxt": 0
      },
      "id": {
        "type": "Text",
        "span": {
          "start": 145,
          "end": 148,
          "ctxt": 0
        },
        "value": "foo"
      },
      "blocks": [
        {
          "span": {
            "start": 155,
            "end": 166,
            "ctxt": 0
          },
          "selector": [
            {
              "type": "Text",
              "span": {
                "start": 155,
                "end": 159,
                "ctxt": 0
              },
              "value": "from"
            }
          ],
          "rule": {
            "type": "DeclBlock",
            "span": {
              "start": 160,
              "end": 166,
              "ctxt": 0
            },
            "properties": []
          }
        },
        {
          "span": {
            "start": 172,
            "end": 181,
            "ctxt": 0
          },
          "selector": [
            {
              "type": "Text",
              "span": {
                "start": 172,
                "end": 174,
                "ctxt": 0
              },
              "value": "to"
            }
          ],
          "rule": {
            "type": "DeclBlock",
            "span": {
              "start": 175,
              "end": 181,
              "ctxt": 0
            },
            "properties": []
          }
        },
        {
          "span": {
            "start": 187,
            "end": 197,
            "ctxt": 0
          },
          "selector": [
            {
              "type": "PercentValue",
              "span": {
                "start": 187,
                "end": 187,
                "ctxt": 0
              },
              "value": {
                "type": "Number",
                "span": {
                  "start": 187,
                  "end": 189,
                  "ctxt": 0
                },
                "value": 15.0
              }
            }
          ],
          "rule": {
            "type": "DeclBlock",
            "span": {
              "start": 191,
              "end": 197,
              "ctxt": 0
            },
            "properties": []
          }
        },
        {
          "span": {
            "start": 203,
            "end": 212,
            "ctxt": 0
          },
          "selector": [
            {
              "type": "PercentValue",
              "span": {
                "start": 203,
                "end": 203,
                "ctxt": 0
              },
              "value": {
                "type": "Number",
                "span": {
                  "start": 203,
                  "end": 204,
                  "ctxt": 0
                },
                "value": 0.0
              }
            }
          ],
          "rule": {
            "type": "DeclBlock",
            "span": {
              "start": 206,
              "end": 212,
              "ctxt": 0
            },
            "properties": []
          }
        },
        {
          "span": {
            "start": 218,
            "end": 229,
            "ctxt": 0
          },
          "selector": [
            {
              "type": "PercentValue",
              "span": {
                "start": 218,
                "end": 218,
                "ctxt": 0
              },
              "value": {
                "type": "Number",
                "span": {
                  "start": 218,
                  "end": 221,
                  "ctxt": 0
                },
                "value": 100.0
              }
            }
          ],
          "rule": {
            "type": "DeclBlock",
            "span": {
              "start": 223,
              "end": 229,
              "ctxt": 0
            },
            "properties": []
          }
        }
      ]
    },
    {
      "type": "KeyframesRule",
      "span": {
        "start": 234,
        "end": 251,
        "ctxt": 0
      },
      "id": {
        "type": "Text",
        "span": {
          "start": 245,
          "end": 248,
          "ctxt": 0
        },
        "value": "FOO"
      },
      "blocks": []
    }
  ]
}