swc/crates/swc_css_parser/tests/fixture/style-block/output.json

2510 lines
74 KiB
JSON
Raw Normal View History

{
"type": "Stylesheet",
"span": {
"start": 0,
"end": 1071,
"ctxt": 0
},
"rules": [
{
"type": "QualifiedRule",
"span": {
"start": 0,
"end": 23,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 0,
"end": 4,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 0,
"end": 4,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 0,
"end": 4,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 0,
"end": 4,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 1,
"end": 4,
"ctxt": 0
},
"value": "foo",
"raw": "foo"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 5,
"end": 23,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 7,
"end": 20,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 7,
"end": 14,
"ctxt": 0
},
"value": "display",
"raw": "display"
},
"value": [
{
"type": "Ident",
"span": {
"start": 16,
"end": 20,
"ctxt": 0
},
"value": "grid",
"raw": "grid"
}
],
"important": null
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 25,
"end": 129,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 25,
"end": 29,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 25,
"end": 29,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 25,
"end": 29,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 25,
"end": 29,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 26,
"end": 29,
"ctxt": 0
},
"value": "foo",
"raw": "foo"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 30,
"end": 129,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 36,
"end": 49,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 36,
"end": 43,
"ctxt": 0
},
"value": "display",
"raw": "display"
},
"value": [
{
"type": "Ident",
"span": {
"start": 45,
"end": 49,
"ctxt": 0
},
"value": "grid",
"raw": "grid"
}
],
"important": null
},
{
"type": "MediaRule",
"span": {
"start": 56,
"end": 127,
"ctxt": 0
},
"media": {
"type": "MediaQueryList",
"span": {
"start": 63,
"end": 87,
"ctxt": 0
},
"queries": [
{
"type": "MediaQuery",
"span": {
"start": 63,
"end": 87,
"ctxt": 0
},
"modifier": null,
"mediaType": null,
"keyword": null,
"condition": {
"type": "MediaCondition",
"span": {
"start": 63,
"end": 87,
"ctxt": 0
},
"conditions": [
{
"type": "MediaFeaturePlain",
"span": {
"start": 63,
"end": 87,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 64,
"end": 75,
"ctxt": 0
},
"value": "orientation",
"raw": "orientation"
},
"value": {
"type": "Ident",
"span": {
"start": 77,
"end": 86,
"ctxt": 0
},
"value": "landscape",
"raw": "landscape"
}
}
]
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 88,
"end": 127,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 98,
"end": 120,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 98,
"end": 112,
"ctxt": 0
},
"value": "grid-auto-flow",
"raw": "grid-auto-flow"
},
"value": [
{
"type": "Ident",
"span": {
"start": 114,
"end": 120,
"ctxt": 0
},
"value": "column",
"raw": "column"
}
],
"important": null
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 131,
"end": 327,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 131,
"end": 135,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 131,
"end": 135,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 131,
"end": 135,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 131,
"end": 135,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 132,
"end": 135,
"ctxt": 0
},
"value": "foo",
"raw": "foo"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 136,
"end": 327,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 142,
"end": 155,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 142,
"end": 149,
"ctxt": 0
},
"value": "display",
"raw": "display"
},
"value": [
{
"type": "Ident",
"span": {
"start": 151,
"end": 155,
"ctxt": 0
},
"value": "grid",
"raw": "grid"
}
],
"important": null
},
{
"type": "MediaRule",
"span": {
"start": 162,
"end": 325,
"ctxt": 0
},
"media": {
"type": "MediaQueryList",
"span": {
"start": 169,
"end": 193,
"ctxt": 0
},
"queries": [
{
"type": "MediaQuery",
"span": {
"start": 169,
"end": 193,
"ctxt": 0
},
"modifier": null,
"mediaType": null,
"keyword": null,
"condition": {
"type": "MediaCondition",
"span": {
"start": 169,
"end": 193,
"ctxt": 0
},
"conditions": [
{
"type": "MediaFeaturePlain",
"span": {
"start": 169,
"end": 193,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 170,
"end": 181,
"ctxt": 0
},
"value": "orientation",
"raw": "orientation"
},
"value": {
"type": "Ident",
"span": {
"start": 183,
"end": 192,
"ctxt": 0
},
"value": "landscape",
"raw": "landscape"
}
}
]
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 194,
"end": 325,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 204,
"end": 226,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 204,
"end": 218,
"ctxt": 0
},
"value": "grid-auto-flow",
"raw": "grid-auto-flow"
},
"value": [
{
"type": "Ident",
"span": {
"start": 220,
"end": 226,
"ctxt": 0
},
"value": "column",
"raw": "column"
}
],
"important": null
},
{
"type": "MediaRule",
"span": {
"start": 237,
"end": 319,
"ctxt": 0
},
"media": {
"type": "MediaQueryList",
"span": {
"start": 244,
"end": 270,
"ctxt": 0
},
"queries": [
{
"type": "MediaQuery",
"span": {
"start": 244,
"end": 270,
"ctxt": 0
},
"modifier": null,
"mediaType": null,
"keyword": null,
"condition": {
"type": "MediaCondition",
"span": {
"start": 244,
"end": 270,
"ctxt": 0
},
"conditions": [
{
"type": "MediaFeatureRange",
"span": {
"start": 244,
"end": 270,
"ctxt": 0
},
"left": {
"type": "Ident",
"span": {
"start": 245,
"end": 260,
"ctxt": 0
},
"value": "min-inline-size",
"raw": "min-inline-size"
},
"comparison": ">",
"right": {
"type": "Length",
"span": {
"start": 263,
"end": 269,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 263,
"end": 267,
"ctxt": 0
},
"value": 1024.0,
"raw": "1024"
},
"unit": {
"type": "Ident",
"span": {
"start": 267,
"end": 269,
"ctxt": 0
},
"value": "px",
"raw": "px"
}
}
}
]
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 271,
"end": 319,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 285,
"end": 308,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 285,
"end": 300,
"ctxt": 0
},
"value": "max-inline-size",
"raw": "max-inline-size"
},
"value": [
{
"type": "Length",
"span": {
"start": 302,
"end": 308,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 302,
"end": 306,
"ctxt": 0
},
"value": 1024.0,
"raw": "1024"
},
"unit": {
"type": "Ident",
"span": {
"start": 306,
"end": 308,
"ctxt": 0
},
"value": "px",
"raw": "px"
}
}
],
"important": null
}
]
}
}
]
}
}
]
}
},
{
"type": "MediaRule",
"span": {
"start": 329,
"end": 410,
"ctxt": 0
},
"media": {
"type": "MediaQueryList",
"span": {
"start": 336,
"end": 360,
"ctxt": 0
},
"queries": [
{
"type": "MediaQuery",
"span": {
"start": 336,
"end": 360,
"ctxt": 0
},
"modifier": null,
"mediaType": null,
"keyword": null,
"condition": {
"type": "MediaCondition",
"span": {
"start": 336,
"end": 360,
"ctxt": 0
},
"conditions": [
{
"type": "MediaFeaturePlain",
"span": {
"start": 336,
"end": 360,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 337,
"end": 348,
"ctxt": 0
},
"value": "orientation",
"raw": "orientation"
},
"value": {
"type": "Ident",
"span": {
"start": 350,
"end": 359,
"ctxt": 0
},
"value": "landscape",
"raw": "landscape"
}
}
]
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 361,
"end": 410,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "QualifiedRule",
"span": {
"start": 367,
"end": 408,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 367,
"end": 368,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 367,
"end": 368,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 367,
"end": 368,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 367,
"end": 368,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 369,
"end": 408,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 379,
"end": 401,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 379,
"end": 393,
"ctxt": 0
},
"value": "grid-auto-flow",
"raw": "grid-auto-flow"
},
"value": [
{
"type": "Ident",
"span": {
"start": 395,
"end": 401,
"ctxt": 0
},
"value": "column",
"raw": "column"
}
],
"important": null
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 412,
"end": 511,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 412,
"end": 416,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 412,
"end": 416,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 412,
"end": 416,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 412,
"end": 416,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 413,
"end": 416,
"ctxt": 0
},
"value": "foo",
"raw": "foo"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 417,
"end": 511,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 423,
"end": 433,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 423,
"end": 428,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 430,
"end": 433,
"ctxt": 0
},
"value": "red",
"raw": "red"
}
],
"important": null
},
{
"type": "MediaRule",
"span": {
"start": 440,
"end": 509,
"ctxt": 0
},
"media": {
"type": "MediaQueryList",
"span": {
"start": 447,
"end": 465,
"ctxt": 0
},
"queries": [
{
"type": "MediaQuery",
"span": {
"start": 447,
"end": 465,
"ctxt": 0
},
"modifier": null,
"mediaType": null,
"keyword": null,
"condition": {
"type": "MediaCondition",
"span": {
"start": 447,
"end": 465,
"ctxt": 0
},
"conditions": [
{
"type": "MediaFeaturePlain",
"span": {
"start": 447,
"end": 465,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 448,
"end": 457,
"ctxt": 0
},
"value": "min-width",
"raw": "min-width"
},
"value": {
"type": "Length",
"span": {
"start": 459,
"end": 464,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 459,
"end": 462,
"ctxt": 0
},
"value": 480.0,
"raw": "480"
},
"unit": {
"type": "Ident",
"span": {
"start": 462,
"end": 464,
"ctxt": 0
},
"value": "px",
"raw": "px"
}
}
}
]
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 466,
"end": 509,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "QualifiedRule",
"span": {
"start": 476,
"end": 503,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 476,
"end": 486,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 476,
"end": 480,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 476,
"end": 477,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 476,
"end": 477,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": []
},
{
"type": "Combinator",
"span": {
"start": 477,
"end": 478,
"ctxt": 0
},
"value": " "
},
{
"type": "CompoundSelector",
"span": {
"start": 478,
"end": 480,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 478,
"end": 480,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 478,
"end": 480,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 478,
"end": 480,
"ctxt": 0
},
"value": "h1",
"raw": "h1"
}
}
},
"subclassSelectors": []
}
]
},
{
"type": "ComplexSelector",
"span": {
"start": 482,
"end": 486,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 482,
"end": 483,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 482,
"end": 483,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": []
},
{
"type": "Combinator",
"span": {
"start": 483,
"end": 484,
"ctxt": 0
},
"value": " "
},
{
"type": "CompoundSelector",
"span": {
"start": 484,
"end": 486,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 484,
"end": 486,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 484,
"end": 486,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 484,
"end": 486,
"ctxt": 0
},
"value": "h2",
"raw": "h2"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 487,
"end": 503,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 489,
"end": 500,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 489,
"end": 494,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 496,
"end": 500,
"ctxt": 0
},
"value": "blue",
"raw": "blue"
}
],
"important": null
}
]
}
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 513,
"end": 624,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 513,
"end": 519,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 513,
"end": 519,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 513,
"end": 519,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 513,
"end": 519,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 514,
"end": 519,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 520,
"end": 624,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "SupportsRule",
"span": {
"start": 526,
"end": 622,
"ctxt": 0
},
"condition": {
"type": "SupportsCondition",
"span": {
"start": 536,
"end": 555,
"ctxt": 0
},
"conditions": [
{
"type": "SupportsNot",
"span": {
"start": 536,
"end": 555,
"ctxt": 0
},
"keyword": {
"type": "Ident",
"span": {
"start": 536,
"end": 539,
"ctxt": 0
},
"value": "not",
"raw": "not"
},
"condition": {
"type": "Declaration",
"span": {
"start": 541,
"end": 554,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 541,
"end": 548,
"ctxt": 0
},
"value": "display",
"raw": "display"
},
"value": [
{
"type": "Ident",
"span": {
"start": 550,
"end": 554,
"ctxt": 0
},
"value": "grid",
"raw": "grid"
}
],
"important": null
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 556,
"end": 622,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 566,
"end": 578,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 566,
"end": 571,
"ctxt": 0
},
"value": "float",
"raw": "float"
},
"value": [
{
"type": "Ident",
"span": {
"start": 573,
"end": 578,
"ctxt": 0
},
"value": "right",
"raw": "right"
}
],
"important": null
},
{
"type": "QualifiedRule",
"span": {
"start": 593,
"end": 616,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 593,
"end": 601,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 593,
"end": 601,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 593,
"end": 594,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 593,
"end": 594,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": []
},
{
"type": "Combinator",
"span": {
"start": 594,
"end": 595,
"ctxt": 0
},
"value": " "
},
{
"type": "CompoundSelector",
"span": {
"start": 595,
"end": 601,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 595,
"end": 601,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 596,
"end": 601,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 602,
"end": 616,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 604,
"end": 614,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 604,
"end": 609,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 611,
"end": 614,
"ctxt": 0
},
"value": "red",
"raw": "red"
}
],
"important": null
}
]
}
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 626,
"end": 755,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 626,
"end": 632,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 626,
"end": 632,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 626,
"end": 632,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 626,
"end": 632,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 627,
"end": 632,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 633,
"end": 755,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 639,
"end": 650,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 639,
"end": 644,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 646,
"end": 650,
"ctxt": 0
},
"value": "blue",
"raw": "blue"
}
],
"important": null
},
{
"type": "SupportsRule",
"span": {
"start": 657,
"end": 753,
"ctxt": 0
},
"condition": {
"type": "SupportsCondition",
"span": {
"start": 667,
"end": 686,
"ctxt": 0
},
"conditions": [
{
"type": "SupportsNot",
"span": {
"start": 667,
"end": 686,
"ctxt": 0
},
"keyword": {
"type": "Ident",
"span": {
"start": 667,
"end": 670,
"ctxt": 0
},
"value": "not",
"raw": "not"
},
"condition": {
"type": "Declaration",
"span": {
"start": 672,
"end": 685,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 672,
"end": 679,
"ctxt": 0
},
"value": "display",
"raw": "display"
},
"value": [
{
"type": "Ident",
"span": {
"start": 681,
"end": 685,
"ctxt": 0
},
"value": "grid",
"raw": "grid"
}
],
"important": null
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 687,
"end": 753,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 697,
"end": 709,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 697,
"end": 702,
"ctxt": 0
},
"value": "float",
"raw": "float"
},
"value": [
{
"type": "Ident",
"span": {
"start": 704,
"end": 709,
"ctxt": 0
},
"value": "right",
"raw": "right"
}
],
"important": null
},
{
"type": "QualifiedRule",
"span": {
"start": 724,
"end": 747,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 724,
"end": 732,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 724,
"end": 732,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 724,
"end": 725,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 724,
"end": 725,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": []
},
{
"type": "Combinator",
"span": {
"start": 725,
"end": 726,
"ctxt": 0
},
"value": " "
},
{
"type": "CompoundSelector",
"span": {
"start": 726,
"end": 732,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 726,
"end": 732,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 727,
"end": 732,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 733,
"end": 747,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 735,
"end": 745,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 735,
"end": 740,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 742,
"end": 745,
"ctxt": 0
},
"value": "red",
"raw": "red"
}
],
"important": null
}
]
}
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 757,
"end": 925,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 757,
"end": 763,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 757,
"end": 763,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 757,
"end": 763,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 757,
"end": 763,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 758,
"end": 763,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 764,
"end": 925,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 770,
"end": 781,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 770,
"end": 775,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 777,
"end": 781,
"ctxt": 0
},
"value": "blue",
"raw": "blue"
}
],
"important": null
},
{
"type": "QualifiedRule",
"span": {
"start": 788,
"end": 821,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 788,
"end": 793,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 788,
"end": 793,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 788,
"end": 793,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 788,
"end": 789,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 789,
"end": 793,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 790,
"end": 793,
"ctxt": 0
},
"value": "foo",
"raw": "foo"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 794,
"end": 821,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 802,
"end": 814,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 802,
"end": 807,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 809,
"end": 814,
"ctxt": 0
},
"value": "green",
"raw": "green"
}
],
"important": null
}
]
}
},
{
"type": "SupportsRule",
"span": {
"start": 827,
"end": 923,
"ctxt": 0
},
"condition": {
"type": "SupportsCondition",
"span": {
"start": 837,
"end": 856,
"ctxt": 0
},
"conditions": [
{
"type": "SupportsNot",
"span": {
"start": 837,
"end": 856,
"ctxt": 0
},
"keyword": {
"type": "Ident",
"span": {
"start": 837,
"end": 840,
"ctxt": 0
},
"value": "not",
"raw": "not"
},
"condition": {
"type": "Declaration",
"span": {
"start": 842,
"end": 855,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 842,
"end": 849,
"ctxt": 0
},
"value": "display",
"raw": "display"
},
"value": [
{
"type": "Ident",
"span": {
"start": 851,
"end": 855,
"ctxt": 0
},
"value": "grid",
"raw": "grid"
}
],
"important": null
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 857,
"end": 923,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 867,
"end": 879,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 867,
"end": 872,
"ctxt": 0
},
"value": "float",
"raw": "float"
},
"value": [
{
"type": "Ident",
"span": {
"start": 874,
"end": 879,
"ctxt": 0
},
"value": "right",
"raw": "right"
}
],
"important": null
},
{
"type": "QualifiedRule",
"span": {
"start": 894,
"end": 917,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 894,
"end": 902,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 894,
"end": 902,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 894,
"end": 895,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 894,
"end": 895,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": []
},
{
"type": "Combinator",
"span": {
"start": 895,
"end": 896,
"ctxt": 0
},
"value": " "
},
{
"type": "CompoundSelector",
"span": {
"start": 896,
"end": 902,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 896,
"end": 902,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 897,
"end": 902,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 903,
"end": 917,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 905,
"end": 915,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 905,
"end": 910,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 912,
"end": 915,
"ctxt": 0
},
"value": "red",
"raw": "red"
}
],
"important": null
}
]
}
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 967,
"end": 1070,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 967,
"end": 973,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 967,
"end": 973,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 967,
"end": 973,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 967,
"end": 973,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 968,
"end": 973,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 974,
"end": 1070,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 980,
"end": 990,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 980,
"end": 985,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 987,
"end": 990,
"ctxt": 0
},
"value": "red",
"raw": "red"
}
],
"important": null
},
{
"type": "DocumentRule",
"span": {
"start": 997,
"end": 1068,
"ctxt": 0
},
"matchingFunctions": [
{
"type": "Url",
"span": {
"start": 1007,
"end": 1038,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1007,
"end": 1010,
"ctxt": 0
},
"value": "url",
"raw": "url"
},
"value": {
"type": "String",
"span": {
"start": 1011,
"end": 1037,
"ctxt": 0
},
"value": "https://www.example.com/",
"raw": "\"https://www.example.com/\""
},
"modifiers": []
}
],
"block": {
"type": "SimpleBlock",
"span": {
"start": 1039,
"end": 1068,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1049,
"end": 1061,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1049,
"end": 1054,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 1056,
"end": 1061,
"ctxt": 0
},
"value": "green",
"raw": "green"
}
],
"important": null
}
]
}
}
]
}
}
]
}