swc/css/parser/tests/fixture/rome/custom-properties/output.json

{
  "type": "Stylesheet",
  "span": {
    "start": 0,
    "end": 508,
    "ctxt": 0
  },
  "rules": [
    {
      "type": "StyleRule",
      "span": {
        "start": 0,
        "end": 507,
        "ctxt": 0
      },
      "selectors": {
        "type": "SelectorList",
        "span": {
          "start": 0,
          "end": 6,
          "ctxt": 0
        },
        "children": [
          {
            "type": "ComplexSelector",
            "span": {
              "start": 0,
              "end": 6,
              "ctxt": 0
            },
            "selectors": [
              {
                "type": "CompoundSelector",
                "span": {
                  "start": 0,
                  "end": 6,
                  "ctxt": 0
                },
                "nestingSelector": null,
                "combinator": null,
                "typeSelector": null,
                "subclassSelectors": [
                  {
                    "type": "ClassSelector",
                    "span": {
                      "start": 0,
                      "end": 6,
                      "ctxt": 0
                    },
                    "text": {
                      "type": "Text",
                      "span": {
                        "start": 1,
                        "end": 6,
                        "ctxt": 0
                      },
                      "value": "style",
                      "raw": "style"
                    }
                  }
                ]
              }
            ]
          }
        ]
      },
      "block": {
        "type": "Block",
        "span": {
          "start": 7,
          "end": 507,
          "ctxt": 0
        },
        "items": [
          {
            "type": "Declaration",
            "span": {
              "start": 10,
              "end": 22,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 10,
                "end": 15,
                "ctxt": 0
              },
              "value": "--foo",
              "raw": "--foo"
            },
            "value": [
              {
                "type": "String",
                "span": {
                  "start": 17,
                  "end": 22,
                  "ctxt": 0
                },
                "value": "bar",
                "raw": "'bar'"
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 25,
              "end": 44,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 25,
                "end": 37,
                "ctxt": 0
              },
              "value": "--lore-ipsum",
              "raw": "--lore-ipsum"
            },
            "value": [
              {
                "type": "String",
                "span": {
                  "start": 39,
                  "end": 44,
                  "ctxt": 0
                },
                "value": "foo",
                "raw": "\"foo\""
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 47,
              "end": 63,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 47,
                "end": 54,
                "ctxt": 0
              },
              "value": "--FANCY",
              "raw": "--FANCY"
            },
            "value": [
              {
                "type": "String",
                "span": {
                  "start": 56,
                  "end": 63,
                  "ctxt": 0
                },
                "value": "abort",
                "raw": "\"abort\""
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 66,
              "end": 78,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 66,
                "end": 72,
                "ctxt": 0
              },
              "value": "--test",
              "raw": "--test"
            },
            "value": [
              {
                "type": "Number",
                "span": {
                  "start": 74,
                  "end": 78,
                  "ctxt": 0
                },
                "value": 1987.0,
                "raw": "1987"
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 81,
              "end": 98,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 81,
                "end": 93,
                "ctxt": 0
              },
              "value": "--percentage",
              "raw": "--percentage"
            },
            "value": [
              {
                "type": "PercentValue",
                "span": {
                  "start": 95,
                  "end": 98,
                  "ctxt": 0
                },
                "value": {
                  "type": "Number",
                  "span": {
                    "start": 95,
                    "end": 97,
                    "ctxt": 0
                  },
                  "value": 25.0,
                  "raw": "25"
                }
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 101,
              "end": 113,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 101,
                "end": 109,
                "ctxt": 0
              },
              "value": "--number",
              "raw": "--number"
            },
            "value": [
              {
                "type": "Number",
                "span": {
                  "start": 111,
                  "end": 113,
                  "ctxt": 0
                },
                "value": 37.0,
                "raw": "37"
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 116,
              "end": 130,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 116,
                "end": 124,
                "ctxt": 0
              },
              "value": "--length",
              "raw": "--length"
            },
            "value": [
              {
                "type": "UnitValue",
                "span": {
                  "start": 126,
                  "end": 130,
                  "ctxt": 0
                },
                "value": {
                  "type": "Number",
                  "span": {
                    "start": 126,
                    "end": 128,
                    "ctxt": 0
                  },
                  "value": 12.0,
                  "raw": "12"
                },
                "unit": {
                  "span": {
                    "start": 128,
                    "end": 130,
                    "ctxt": 0
                  },
                  "value": "em",
                  "raw": "em"
                }
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 133,
              "end": 145,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 133,
                "end": 139,
                "ctxt": 0
              },
              "value": "--time",
              "raw": "--time"
            },
            "value": [
              {
                "type": "UnitValue",
                "span": {
                  "start": 141,
                  "end": 145,
                  "ctxt": 0
                },
                "value": {
                  "type": "Number",
                  "span": {
                    "start": 141,
                    "end": 143,
                    "ctxt": 0
                  },
                  "value": 75.0,
                  "raw": "75"
                },
                "unit": {
                  "span": {
                    "start": 143,
                    "end": 145,
                    "ctxt": 0
                  },
                  "value": "ms",
                  "raw": "ms"
                }
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 148,
              "end": 165,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 148,
                "end": 158,
                "ctxt": 0
              },
              "value": "--function",
              "raw": "--function"
            },
            "value": [
              {
                "type": "FnValue",
                "span": {
                  "start": 160,
                  "end": 165,
                  "ctxt": 0
                },
                "name": {
                  "type": "Text",
                  "span": {
                    "start": 160,
                    "end": 163,
                    "ctxt": 0
                  },
                  "value": "foo",
                  "raw": "foo"
                },
                "args": []
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 168,
              "end": 197,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 168,
                "end": 185,
                "ctxt": 0
              },
              "value": "--nested-function",
              "raw": "--nested-function"
            },
            "value": [
              {
                "type": "FnValue",
                "span": {
                  "start": 187,
                  "end": 197,
                  "ctxt": 0
                },
                "name": {
                  "type": "Text",
                  "span": {
                    "start": 187,
                    "end": 190,
                    "ctxt": 0
                  },
                  "value": "foo",
                  "raw": "foo"
                },
                "args": [
                  {
                    "type": "FnValue",
                    "span": {
                      "start": 191,
                      "end": 196,
                      "ctxt": 0
                    },
                    "name": {
                      "type": "Text",
                      "span": {
                        "start": 191,
                        "end": 194,
                        "ctxt": 0
                      },
                      "value": "bar",
                      "raw": "bar"
                    },
                    "args": []
                  }
                ]
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 200,
              "end": 218,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 200,
                "end": 213,
                "ctxt": 0
              },
              "value": "--parentheses",
              "raw": "--parentheses"
            },
            "value": [
              {
                "type": "RoundBracketBlock",
                "span": {
                  "start": 215,
                  "end": 218,
                  "ctxt": 0
                },
                "children": null
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 221,
              "end": 234,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 221,
                "end": 229,
                "ctxt": 0
              },
              "value": "--braces",
              "raw": "--braces"
            },
            "value": [
              {
                "type": "BraceValue",
                "span": {
                  "start": 231,
                  "end": 234,
                  "ctxt": 0
                },
                "value": {
                  "type": "Tokens",
                  "span": {
                    "start": 232,
                    "end": 233,
                    "ctxt": 0
                  },
                  "tokens": [
                    {
                      "span": {
                        "start": 232,
                        "end": 233,
                        "ctxt": 0
                      },
                      "token": {
                        "WhiteSpace": {
                          "value": " "
                        }
                      }
                    }
                  ]
                }
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 237,
              "end": 252,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 237,
                "end": 247,
                "ctxt": 0
              },
              "value": "--brackets",
              "raw": "--brackets"
            },
            "value": [
              {
                "type": "SquareBracketBlock",
                "span": {
                  "start": 249,
                  "end": 252,
                  "ctxt": 0
                },
                "children": []
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 255,
              "end": 284,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 255,
                "end": 275,
                "ctxt": 0
              },
              "value": "--at-keyword-unknown",
              "raw": "--at-keyword-unknown"
            },
            "value": [
              {
                "type": "AtTextValue",
                "span": {
                  "start": 277,
                  "end": 284,
                  "ctxt": 0
                },
                "name": {
                  "type": "Text",
                  "span": {
                    "start": 277,
                    "end": 284,
                    "ctxt": 0
                  },
                  "value": "foobar",
                  "raw": "foobar"
                },
                "block": null
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 287,
              "end": 313,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 287,
                "end": 305,
                "ctxt": 0
              },
              "value": "--at-keyword-known",
              "raw": "--at-keyword-known"
            },
            "value": [
              {
                "type": "AtTextValue",
                "span": {
                  "start": 307,
                  "end": 313,
                  "ctxt": 0
                },
                "name": {
                  "type": "Text",
                  "span": {
                    "start": 307,
                    "end": 313,
                    "ctxt": 0
                  },
                  "value": "media",
                  "raw": "media"
                },
                "block": null
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 316,
              "end": 354,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 316,
                "end": 342,
                "ctxt": 0
              },
              "value": "--at-keyword-unknown-block",
              "raw": "--at-keyword-unknown-block"
            },
            "value": [
              {
                "type": "AtTextValue",
                "span": {
                  "start": 344,
                  "end": 351,
                  "ctxt": 0
                },
                "name": {
                  "type": "Text",
                  "span": {
                    "start": 344,
                    "end": 351,
                    "ctxt": 0
                  },
                  "value": "foobar",
                  "raw": "foobar"
                },
                "block": null
              },
              {
                "type": "BraceValue",
                "span": {
                  "start": 352,
                  "end": 354,
                  "ctxt": 0
                },
                "value": {
                  "type": "Tokens",
                  "span": {
                    "start": 353,
                    "end": 353,
                    "ctxt": 0
                  },
                  "tokens": []
                }
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 357,
              "end": 392,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 357,
                "end": 381,
                "ctxt": 0
              },
              "value": "--at-keyword-known-block",
              "raw": "--at-keyword-known-block"
            },
            "value": [
              {
                "type": "AtTextValue",
                "span": {
                  "start": 383,
                  "end": 389,
                  "ctxt": 0
                },
                "name": {
                  "type": "Text",
                  "span": {
                    "start": 383,
                    "end": 389,
                    "ctxt": 0
                  },
                  "value": "media",
                  "raw": "media"
                },
                "block": null
              },
              {
                "type": "BraceValue",
                "span": {
                  "start": 390,
                  "end": 392,
                  "ctxt": 0
                },
                "value": {
                  "type": "Tokens",
                  "span": {
                    "start": 391,
                    "end": 391,
                    "ctxt": 0
                  },
                  "tokens": []
                }
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 395,
              "end": 419,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 395,
                "end": 413,
                "ctxt": 0
              },
              "value": "--cdo-at-top-level",
              "raw": "--cdo-at-top-level"
            },
            "value": [
              {
                "type": "Tokens",
                "span": {
                  "start": 415,
                  "end": 419,
                  "ctxt": 0
                },
                "tokens": [
                  {
                    "span": {
                      "start": 415,
                      "end": 419,
                      "ctxt": 0
                    },
                    "token": "CDO"
                  }
                ]
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 422,
              "end": 445,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 422,
                "end": 440,
                "ctxt": 0
              },
              "value": "--cdc-at-top-level",
              "raw": "--cdc-at-top-level"
            },
            "value": [
              {
                "type": "Tokens",
                "span": {
                  "start": 442,
                  "end": 445,
                  "ctxt": 0
                },
                "tokens": [
                  {
                    "span": {
                      "start": 442,
                      "end": 445,
                      "ctxt": 0
                    },
                    "token": "CDC"
                  }
                ]
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 448,
              "end": 475,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 448,
                "end": 467,
                "ctxt": 0
              },
              "value": "--cdo-not-top-level",
              "raw": "--cdo-not-top-level"
            },
            "value": [
              {
                "type": "RoundBracketBlock",
                "span": {
                  "start": 469,
                  "end": 475,
                  "ctxt": 0
                },
                "children": [
                  {
                    "type": "Tokens",
                    "span": {
                      "start": 470,
                      "end": 474,
                      "ctxt": 0
                    },
                    "tokens": [
                      {
                        "span": {
                          "start": 470,
                          "end": 474,
                          "ctxt": 0
                        },
                        "token": "CDO"
                      }
                    ]
                  }
                ]
              }
            ],
            "important": null
          },
          {
            "type": "Declaration",
            "span": {
              "start": 478,
              "end": 504,
              "ctxt": 0
            },
            "property": {
              "type": "Text",
              "span": {
                "start": 478,
                "end": 497,
                "ctxt": 0
              },
              "value": "--cdc-not-top-level",
              "raw": "--cdc-not-top-level"
            },
            "value": [
              {
                "type": "RoundBracketBlock",
                "span": {
                  "start": 499,
                  "end": 504,
                  "ctxt": 0
                },
                "children": [
                  {
                    "type": "Tokens",
                    "span": {
                      "start": 500,
                      "end": 503,
                      "ctxt": 0
                    },
                    "tokens": [
                      {
                        "span": {
                          "start": 500,
                          "end": 503,
                          "ctxt": 0
                        },
                        "token": "CDC"
                      }
                    ]
                  }
                ]
              }
            ],
            "important": null
          }
        ]
      }
    }
  ]
}