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

4182 lines
116 KiB
JSON

{
"type": "Stylesheet",
"span": {
"start": 1,
"end": 1444,
"ctxt": 0
},
"rules": [
{
"type": "QualifiedRule",
"span": {
"start": 1,
"end": 24,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1,
"end": 5,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1,
"end": 5,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1,
"end": 5,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 1,
"end": 5,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 2,
"end": 5,
"ctxt": 0
},
"value": "foo",
"raw": "foo"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 6,
"end": 24,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 8,
"end": 21,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 8,
"end": 15,
"ctxt": 0
},
"value": "display",
"raw": "display"
},
"value": [
{
"type": "Ident",
"span": {
"start": 17,
"end": 21,
"ctxt": 0
},
"value": "grid",
"raw": "grid"
}
],
"important": null
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 26,
"end": 130,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 26,
"end": 30,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 26,
"end": 30,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 26,
"end": 30,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 26,
"end": 30,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 27,
"end": 30,
"ctxt": 0
},
"value": "foo",
"raw": "foo"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 31,
"end": 130,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 37,
"end": 50,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 37,
"end": 44,
"ctxt": 0
},
"value": "display",
"raw": "display"
},
"value": [
{
"type": "Ident",
"span": {
"start": 46,
"end": 50,
"ctxt": 0
},
"value": "grid",
"raw": "grid"
}
],
"important": null
},
{
"type": "AtRule",
"span": {
"start": 57,
"end": 128,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 58,
"end": 63,
"ctxt": 0
},
"value": "media",
"raw": "media"
},
"prelude": {
"type": "MediaQueryList",
"span": {
"start": 64,
"end": 88,
"ctxt": 0
},
"queries": [
{
"type": "MediaQuery",
"span": {
"start": 64,
"end": 88,
"ctxt": 0
},
"modifier": null,
"mediaType": null,
"keyword": null,
"condition": {
"type": "MediaCondition",
"span": {
"start": 64,
"end": 88,
"ctxt": 0
},
"conditions": [
{
"type": "MediaFeaturePlain",
"span": {
"start": 64,
"end": 88,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 65,
"end": 76,
"ctxt": 0
},
"value": "orientation",
"raw": "orientation"
},
"value": {
"type": "Ident",
"span": {
"start": 78,
"end": 87,
"ctxt": 0
},
"value": "landscape",
"raw": "landscape"
}
}
]
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 89,
"end": 128,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 99,
"end": 121,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 99,
"end": 113,
"ctxt": 0
},
"value": "grid-auto-flow",
"raw": "grid-auto-flow"
},
"value": [
{
"type": "Ident",
"span": {
"start": 115,
"end": 121,
"ctxt": 0
},
"value": "column",
"raw": "column"
}
],
"important": null
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 132,
"end": 328,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 132,
"end": 136,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 132,
"end": 136,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 132,
"end": 136,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 132,
"end": 136,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 133,
"end": 136,
"ctxt": 0
},
"value": "foo",
"raw": "foo"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 137,
"end": 328,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 143,
"end": 156,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 143,
"end": 150,
"ctxt": 0
},
"value": "display",
"raw": "display"
},
"value": [
{
"type": "Ident",
"span": {
"start": 152,
"end": 156,
"ctxt": 0
},
"value": "grid",
"raw": "grid"
}
],
"important": null
},
{
"type": "AtRule",
"span": {
"start": 163,
"end": 326,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 164,
"end": 169,
"ctxt": 0
},
"value": "media",
"raw": "media"
},
"prelude": {
"type": "MediaQueryList",
"span": {
"start": 170,
"end": 194,
"ctxt": 0
},
"queries": [
{
"type": "MediaQuery",
"span": {
"start": 170,
"end": 194,
"ctxt": 0
},
"modifier": null,
"mediaType": null,
"keyword": null,
"condition": {
"type": "MediaCondition",
"span": {
"start": 170,
"end": 194,
"ctxt": 0
},
"conditions": [
{
"type": "MediaFeaturePlain",
"span": {
"start": 170,
"end": 194,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 171,
"end": 182,
"ctxt": 0
},
"value": "orientation",
"raw": "orientation"
},
"value": {
"type": "Ident",
"span": {
"start": 184,
"end": 193,
"ctxt": 0
},
"value": "landscape",
"raw": "landscape"
}
}
]
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 195,
"end": 326,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 205,
"end": 227,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 205,
"end": 219,
"ctxt": 0
},
"value": "grid-auto-flow",
"raw": "grid-auto-flow"
},
"value": [
{
"type": "Ident",
"span": {
"start": 221,
"end": 227,
"ctxt": 0
},
"value": "column",
"raw": "column"
}
],
"important": null
},
{
"type": "AtRule",
"span": {
"start": 238,
"end": 320,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 239,
"end": 244,
"ctxt": 0
},
"value": "media",
"raw": "media"
},
"prelude": {
"type": "MediaQueryList",
"span": {
"start": 245,
"end": 271,
"ctxt": 0
},
"queries": [
{
"type": "MediaQuery",
"span": {
"start": 245,
"end": 271,
"ctxt": 0
},
"modifier": null,
"mediaType": null,
"keyword": null,
"condition": {
"type": "MediaCondition",
"span": {
"start": 245,
"end": 271,
"ctxt": 0
},
"conditions": [
{
"type": "MediaFeatureRange",
"span": {
"start": 245,
"end": 271,
"ctxt": 0
},
"left": {
"type": "Ident",
"span": {
"start": 246,
"end": 261,
"ctxt": 0
},
"value": "min-inline-size",
"raw": "min-inline-size"
},
"comparison": ">",
"right": {
"type": "Length",
"span": {
"start": 264,
"end": 270,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 264,
"end": 268,
"ctxt": 0
},
"value": 1024.0,
"raw": "1024"
},
"unit": {
"type": "Ident",
"span": {
"start": 268,
"end": 270,
"ctxt": 0
},
"value": "px",
"raw": "px"
}
}
}
]
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 272,
"end": 320,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 286,
"end": 309,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 286,
"end": 301,
"ctxt": 0
},
"value": "max-inline-size",
"raw": "max-inline-size"
},
"value": [
{
"type": "Length",
"span": {
"start": 303,
"end": 309,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 303,
"end": 307,
"ctxt": 0
},
"value": 1024.0,
"raw": "1024"
},
"unit": {
"type": "Ident",
"span": {
"start": 307,
"end": 309,
"ctxt": 0
},
"value": "px",
"raw": "px"
}
}
],
"important": null
}
]
}
}
]
}
}
]
}
},
{
"type": "AtRule",
"span": {
"start": 330,
"end": 411,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 331,
"end": 336,
"ctxt": 0
},
"value": "media",
"raw": "media"
},
"prelude": {
"type": "MediaQueryList",
"span": {
"start": 337,
"end": 361,
"ctxt": 0
},
"queries": [
{
"type": "MediaQuery",
"span": {
"start": 337,
"end": 361,
"ctxt": 0
},
"modifier": null,
"mediaType": null,
"keyword": null,
"condition": {
"type": "MediaCondition",
"span": {
"start": 337,
"end": 361,
"ctxt": 0
},
"conditions": [
{
"type": "MediaFeaturePlain",
"span": {
"start": 337,
"end": 361,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 338,
"end": 349,
"ctxt": 0
},
"value": "orientation",
"raw": "orientation"
},
"value": {
"type": "Ident",
"span": {
"start": 351,
"end": 360,
"ctxt": 0
},
"value": "landscape",
"raw": "landscape"
}
}
]
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 362,
"end": 411,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "QualifiedRule",
"span": {
"start": 368,
"end": 409,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 368,
"end": 369,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 368,
"end": 369,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 368,
"end": 369,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 368,
"end": 369,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 370,
"end": 409,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 380,
"end": 402,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 380,
"end": 394,
"ctxt": 0
},
"value": "grid-auto-flow",
"raw": "grid-auto-flow"
},
"value": [
{
"type": "Ident",
"span": {
"start": 396,
"end": 402,
"ctxt": 0
},
"value": "column",
"raw": "column"
}
],
"important": null
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 413,
"end": 512,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 413,
"end": 417,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 413,
"end": 417,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 413,
"end": 417,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 413,
"end": 417,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 414,
"end": 417,
"ctxt": 0
},
"value": "foo",
"raw": "foo"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 418,
"end": 512,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 424,
"end": 434,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 424,
"end": 429,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 431,
"end": 434,
"ctxt": 0
},
"value": "red",
"raw": "red"
}
],
"important": null
},
{
"type": "AtRule",
"span": {
"start": 441,
"end": 510,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 442,
"end": 447,
"ctxt": 0
},
"value": "media",
"raw": "media"
},
"prelude": {
"type": "MediaQueryList",
"span": {
"start": 448,
"end": 466,
"ctxt": 0
},
"queries": [
{
"type": "MediaQuery",
"span": {
"start": 448,
"end": 466,
"ctxt": 0
},
"modifier": null,
"mediaType": null,
"keyword": null,
"condition": {
"type": "MediaCondition",
"span": {
"start": 448,
"end": 466,
"ctxt": 0
},
"conditions": [
{
"type": "MediaFeaturePlain",
"span": {
"start": 448,
"end": 466,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 449,
"end": 458,
"ctxt": 0
},
"value": "min-width",
"raw": "min-width"
},
"value": {
"type": "Length",
"span": {
"start": 460,
"end": 465,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 460,
"end": 463,
"ctxt": 0
},
"value": 480.0,
"raw": "480"
},
"unit": {
"type": "Ident",
"span": {
"start": 463,
"end": 465,
"ctxt": 0
},
"value": "px",
"raw": "px"
}
}
}
]
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 467,
"end": 510,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "QualifiedRule",
"span": {
"start": 477,
"end": 504,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 477,
"end": 487,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 477,
"end": 481,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 477,
"end": 478,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 477,
"end": 478,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": []
},
{
"type": "Combinator",
"span": {
"start": 478,
"end": 479,
"ctxt": 0
},
"value": " "
},
{
"type": "CompoundSelector",
"span": {
"start": 479,
"end": 481,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 479,
"end": 481,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 479,
"end": 481,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 479,
"end": 481,
"ctxt": 0
},
"value": "h1",
"raw": "h1"
}
}
},
"subclassSelectors": []
}
]
},
{
"type": "ComplexSelector",
"span": {
"start": 483,
"end": 487,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 483,
"end": 484,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 483,
"end": 484,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": []
},
{
"type": "Combinator",
"span": {
"start": 484,
"end": 485,
"ctxt": 0
},
"value": " "
},
{
"type": "CompoundSelector",
"span": {
"start": 485,
"end": 487,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 485,
"end": 487,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 485,
"end": 487,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 485,
"end": 487,
"ctxt": 0
},
"value": "h2",
"raw": "h2"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 488,
"end": 504,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 490,
"end": 501,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 490,
"end": 495,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 497,
"end": 501,
"ctxt": 0
},
"value": "blue",
"raw": "blue"
}
],
"important": null
}
]
}
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 514,
"end": 625,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 514,
"end": 520,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 514,
"end": 520,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 514,
"end": 520,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 514,
"end": 520,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 515,
"end": 520,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 521,
"end": 625,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "AtRule",
"span": {
"start": 527,
"end": 623,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 528,
"end": 536,
"ctxt": 0
},
"value": "supports",
"raw": "supports"
},
"prelude": {
"type": "SupportsCondition",
"span": {
"start": 537,
"end": 556,
"ctxt": 0
},
"conditions": [
{
"type": "SupportsNot",
"span": {
"start": 537,
"end": 556,
"ctxt": 0
},
"keyword": {
"type": "Ident",
"span": {
"start": 537,
"end": 540,
"ctxt": 0
},
"value": "not",
"raw": "not"
},
"condition": {
"type": "Declaration",
"span": {
"start": 542,
"end": 555,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 542,
"end": 549,
"ctxt": 0
},
"value": "display",
"raw": "display"
},
"value": [
{
"type": "Ident",
"span": {
"start": 551,
"end": 555,
"ctxt": 0
},
"value": "grid",
"raw": "grid"
}
],
"important": null
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 557,
"end": 623,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 567,
"end": 579,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 567,
"end": 572,
"ctxt": 0
},
"value": "float",
"raw": "float"
},
"value": [
{
"type": "Ident",
"span": {
"start": 574,
"end": 579,
"ctxt": 0
},
"value": "right",
"raw": "right"
}
],
"important": null
},
{
"type": "QualifiedRule",
"span": {
"start": 594,
"end": 617,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 594,
"end": 602,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 594,
"end": 602,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 594,
"end": 595,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 594,
"end": 595,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": []
},
{
"type": "Combinator",
"span": {
"start": 595,
"end": 596,
"ctxt": 0
},
"value": " "
},
{
"type": "CompoundSelector",
"span": {
"start": 596,
"end": 602,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 596,
"end": 602,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 597,
"end": 602,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 603,
"end": 617,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 605,
"end": 615,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 605,
"end": 610,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 612,
"end": 615,
"ctxt": 0
},
"value": "red",
"raw": "red"
}
],
"important": null
}
]
}
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 627,
"end": 756,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 627,
"end": 633,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 627,
"end": 633,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 627,
"end": 633,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 627,
"end": 633,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 628,
"end": 633,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 634,
"end": 756,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 640,
"end": 651,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 640,
"end": 645,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 647,
"end": 651,
"ctxt": 0
},
"value": "blue",
"raw": "blue"
}
],
"important": null
},
{
"type": "AtRule",
"span": {
"start": 658,
"end": 754,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 659,
"end": 667,
"ctxt": 0
},
"value": "supports",
"raw": "supports"
},
"prelude": {
"type": "SupportsCondition",
"span": {
"start": 668,
"end": 687,
"ctxt": 0
},
"conditions": [
{
"type": "SupportsNot",
"span": {
"start": 668,
"end": 687,
"ctxt": 0
},
"keyword": {
"type": "Ident",
"span": {
"start": 668,
"end": 671,
"ctxt": 0
},
"value": "not",
"raw": "not"
},
"condition": {
"type": "Declaration",
"span": {
"start": 673,
"end": 686,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 673,
"end": 680,
"ctxt": 0
},
"value": "display",
"raw": "display"
},
"value": [
{
"type": "Ident",
"span": {
"start": 682,
"end": 686,
"ctxt": 0
},
"value": "grid",
"raw": "grid"
}
],
"important": null
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 688,
"end": 754,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 698,
"end": 710,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 698,
"end": 703,
"ctxt": 0
},
"value": "float",
"raw": "float"
},
"value": [
{
"type": "Ident",
"span": {
"start": 705,
"end": 710,
"ctxt": 0
},
"value": "right",
"raw": "right"
}
],
"important": null
},
{
"type": "QualifiedRule",
"span": {
"start": 725,
"end": 748,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 725,
"end": 733,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 725,
"end": 733,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 725,
"end": 726,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 725,
"end": 726,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": []
},
{
"type": "Combinator",
"span": {
"start": 726,
"end": 727,
"ctxt": 0
},
"value": " "
},
{
"type": "CompoundSelector",
"span": {
"start": 727,
"end": 733,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 727,
"end": 733,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 728,
"end": 733,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 734,
"end": 748,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 736,
"end": 746,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 736,
"end": 741,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 743,
"end": 746,
"ctxt": 0
},
"value": "red",
"raw": "red"
}
],
"important": null
}
]
}
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 758,
"end": 926,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 758,
"end": 764,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 758,
"end": 764,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 758,
"end": 764,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 758,
"end": 764,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 759,
"end": 764,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 765,
"end": 926,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 771,
"end": 782,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 771,
"end": 776,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 778,
"end": 782,
"ctxt": 0
},
"value": "blue",
"raw": "blue"
}
],
"important": null
},
{
"type": "QualifiedRule",
"span": {
"start": 789,
"end": 822,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 789,
"end": 794,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 789,
"end": 794,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 789,
"end": 794,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 789,
"end": 790,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 790,
"end": 794,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 791,
"end": 794,
"ctxt": 0
},
"value": "foo",
"raw": "foo"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 795,
"end": 822,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 803,
"end": 815,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 803,
"end": 808,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 810,
"end": 815,
"ctxt": 0
},
"value": "green",
"raw": "green"
}
],
"important": null
}
]
}
},
{
"type": "AtRule",
"span": {
"start": 828,
"end": 924,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 829,
"end": 837,
"ctxt": 0
},
"value": "supports",
"raw": "supports"
},
"prelude": {
"type": "SupportsCondition",
"span": {
"start": 838,
"end": 857,
"ctxt": 0
},
"conditions": [
{
"type": "SupportsNot",
"span": {
"start": 838,
"end": 857,
"ctxt": 0
},
"keyword": {
"type": "Ident",
"span": {
"start": 838,
"end": 841,
"ctxt": 0
},
"value": "not",
"raw": "not"
},
"condition": {
"type": "Declaration",
"span": {
"start": 843,
"end": 856,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 843,
"end": 850,
"ctxt": 0
},
"value": "display",
"raw": "display"
},
"value": [
{
"type": "Ident",
"span": {
"start": 852,
"end": 856,
"ctxt": 0
},
"value": "grid",
"raw": "grid"
}
],
"important": null
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 858,
"end": 924,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 868,
"end": 880,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 868,
"end": 873,
"ctxt": 0
},
"value": "float",
"raw": "float"
},
"value": [
{
"type": "Ident",
"span": {
"start": 875,
"end": 880,
"ctxt": 0
},
"value": "right",
"raw": "right"
}
],
"important": null
},
{
"type": "QualifiedRule",
"span": {
"start": 895,
"end": 918,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 895,
"end": 903,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 895,
"end": 903,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 895,
"end": 896,
"ctxt": 0
},
"nestingSelector": {
"type": "NestingSelector",
"span": {
"start": 895,
"end": 896,
"ctxt": 0
}
},
"typeSelector": null,
"subclassSelectors": []
},
{
"type": "Combinator",
"span": {
"start": 896,
"end": 897,
"ctxt": 0
},
"value": " "
},
{
"type": "CompoundSelector",
"span": {
"start": 897,
"end": 903,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 897,
"end": 903,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 898,
"end": 903,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 904,
"end": 918,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 906,
"end": 916,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 906,
"end": 911,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 913,
"end": 916,
"ctxt": 0
},
"value": "red",
"raw": "red"
}
],
"important": null
}
]
}
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 968,
"end": 1071,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 968,
"end": 974,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 968,
"end": 974,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 968,
"end": 974,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "ClassSelector",
"span": {
"start": 968,
"end": 974,
"ctxt": 0
},
"text": {
"type": "Ident",
"span": {
"start": 969,
"end": 974,
"ctxt": 0
},
"value": "class",
"raw": "class"
}
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 975,
"end": 1071,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 981,
"end": 991,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 981,
"end": 986,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 988,
"end": 991,
"ctxt": 0
},
"value": "red",
"raw": "red"
}
],
"important": null
},
{
"type": "AtRule",
"span": {
"start": 998,
"end": 1069,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 999,
"end": 1007,
"ctxt": 0
},
"value": "document",
"raw": "document"
},
"prelude": {
"type": "DocumentPrelude",
"span": {
"start": 1008,
"end": 1040,
"ctxt": 0
},
"matchingFunctions": [
{
"type": "Url",
"span": {
"start": 1008,
"end": 1039,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1008,
"end": 1011,
"ctxt": 0
},
"value": "url",
"raw": "url"
},
"value": {
"type": "String",
"span": {
"start": 1012,
"end": 1038,
"ctxt": 0
},
"value": "https://www.example.com/",
"raw": "\"https://www.example.com/\""
},
"modifiers": []
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1040,
"end": 1069,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1050,
"end": 1062,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1050,
"end": 1055,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 1057,
"end": 1062,
"ctxt": 0
},
"value": "green",
"raw": "green"
}
],
"important": null
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1073,
"end": 1102,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1073,
"end": 1074,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1073,
"end": 1074,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1073,
"end": 1074,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1073,
"end": 1074,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1073,
"end": 1074,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1073,
"end": 1074,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1075,
"end": 1102,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1083,
"end": 1095,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1083,
"end": 1088,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 1090,
"end": 1095,
"ctxt": 0
},
"value": "black",
"raw": "black"
}
],
"important": null
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1104,
"end": 1123,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1104,
"end": 1105,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1104,
"end": 1105,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1104,
"end": 1105,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1104,
"end": 1105,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1104,
"end": 1105,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1104,
"end": 1105,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1106,
"end": 1123,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1109,
"end": 1120,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1109,
"end": 1114,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 1116,
"end": 1120,
"ctxt": 0
},
"value": "pink",
"raw": "pink"
}
],
"important": null
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1125,
"end": 1139,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1125,
"end": 1126,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1125,
"end": 1126,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1125,
"end": 1126,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1125,
"end": 1126,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1125,
"end": 1126,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1125,
"end": 1126,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1126,
"end": 1139,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1127,
"end": 1138,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1127,
"end": 1132,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 1133,
"end": 1138,
"ctxt": 0
},
"value": "black",
"raw": "black"
}
],
"important": null
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1141,
"end": 1212,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1141,
"end": 1142,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1141,
"end": 1142,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1141,
"end": 1142,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1141,
"end": 1142,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1141,
"end": 1142,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1141,
"end": 1142,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1143,
"end": 1212,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1149,
"end": 1160,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1149,
"end": 1154,
"ctxt": 0
},
"value": "width",
"raw": "width"
},
"value": [
{
"type": "Length",
"span": {
"start": 1156,
"end": 1160,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 1156,
"end": 1158,
"ctxt": 0
},
"value": 10.0,
"raw": "10"
},
"unit": {
"type": "Ident",
"span": {
"start": 1158,
"end": 1160,
"ctxt": 0
},
"value": "px",
"raw": "px"
}
}
],
"important": null
},
{
"type": "AtRule",
"span": {
"start": 1166,
"end": 1210,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1167,
"end": 1172,
"ctxt": 0
},
"value": "mixin",
"raw": "mixin"
},
"prelude": {
"type": "ListOfComponentValues",
"span": {
"start": 1172,
"end": 1180,
"ctxt": 0
},
"children": [
{
"type": "PreservedToken",
"span": {
"start": 1172,
"end": 1173,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1173,
"end": 1179,
"ctxt": 0
},
"token": {
"Ident": {
"value": "mobile",
"raw": "mobile"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1179,
"end": 1180,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1180,
"end": 1210,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "PreservedToken",
"span": {
"start": 1181,
"end": 1190,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1190,
"end": 1196,
"ctxt": 0
},
"token": {
"Ident": {
"value": "height",
"raw": "height"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1196,
"end": 1197,
"ctxt": 0
},
"token": "Colon"
},
{
"type": "PreservedToken",
"span": {
"start": 1197,
"end": 1198,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1198,
"end": 1203,
"ctxt": 0
},
"token": {
"Dimension": {
"value": 100.0,
"raw_value": "100",
"unit": "px",
"raw_unit": "px",
"type": "integer"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1203,
"end": 1204,
"ctxt": 0
},
"token": "Semi"
},
{
"type": "PreservedToken",
"span": {
"start": 1204,
"end": 1209,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1214,
"end": 1240,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1214,
"end": 1215,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1214,
"end": 1215,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1214,
"end": 1215,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1214,
"end": 1215,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1214,
"end": 1215,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1214,
"end": 1215,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1216,
"end": 1240,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1218,
"end": 1235,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1218,
"end": 1223,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 1225,
"end": 1226,
"ctxt": 0
},
"value": "a",
"raw": "a"
},
{
"type": "Ident",
"span": {
"start": 1234,
"end": 1235,
"ctxt": 0
},
"value": "b",
"raw": "b"
}
],
"important": null
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1242,
"end": 1265,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1242,
"end": 1243,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1242,
"end": 1243,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1242,
"end": 1243,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1242,
"end": 1243,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1242,
"end": 1243,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1242,
"end": 1243,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1244,
"end": 1265,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "AtRule",
"span": {
"start": 1246,
"end": 1263,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1247,
"end": 1254,
"ctxt": 0
},
"value": "unknown",
"raw": "unknown"
},
"prelude": {
"type": "ListOfComponentValues",
"span": {
"start": 1254,
"end": 1262,
"ctxt": 0
},
"children": [
{
"type": "PreservedToken",
"span": {
"start": 1254,
"end": 1255,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1255,
"end": 1262,
"ctxt": 0
},
"token": {
"String": {
"value": "a.css",
"raw": "\"a.css\""
}
}
}
]
},
"block": null
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1267,
"end": 1288,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1267,
"end": 1268,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1267,
"end": 1268,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1267,
"end": 1268,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1267,
"end": 1268,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1267,
"end": 1268,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1267,
"end": 1268,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1269,
"end": 1288,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "AtRule",
"span": {
"start": 1271,
"end": 1286,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1272,
"end": 1279,
"ctxt": 0
},
"value": "unknown",
"raw": "unknown"
},
"prelude": {
"type": "ListOfComponentValues",
"span": {
"start": 1279,
"end": 1284,
"ctxt": 0
},
"children": [
{
"type": "PreservedToken",
"span": {
"start": 1279,
"end": 1280,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1280,
"end": 1283,
"ctxt": 0
},
"token": {
"Ident": {
"value": "foo",
"raw": "foo"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1283,
"end": 1284,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1284,
"end": 1286,
"ctxt": 0
},
"name": "{",
"value": []
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1290,
"end": 1298,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1290,
"end": 1291,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1290,
"end": 1291,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1290,
"end": 1291,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1290,
"end": 1291,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1290,
"end": 1291,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1290,
"end": 1291,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1296,
"end": 1298,
"ctxt": 0
},
"name": "{",
"value": []
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1300,
"end": 1443,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1300,
"end": 1305,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1300,
"end": 1305,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1300,
"end": 1305,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "PseudoClassSelector",
"span": {
"start": 1300,
"end": 1305,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1301,
"end": 1305,
"ctxt": 0
},
"value": "root",
"raw": "root"
},
"children": null
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1306,
"end": 1443,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1312,
"end": 1326,
"ctxt": 0
},
"name": {
"type": "DashedIdent",
"span": {
"start": 1312,
"end": 1323,
"ctxt": 0
},
"value": "--zero-size",
"raw": "--zero-size"
},
"value": [
{
"type": "PreservedToken",
"span": {
"start": 1325,
"end": 1326,
"ctxt": 0
},
"token": "LBrace"
},
{
"type": "PreservedToken",
"span": {
"start": 1326,
"end": 1335,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1335,
"end": 1340,
"ctxt": 0
},
"token": {
"Ident": {
"value": "width",
"raw": "width"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1340,
"end": 1341,
"ctxt": 0
},
"token": "Colon"
},
{
"type": "PreservedToken",
"span": {
"start": 1341,
"end": 1342,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1342,
"end": 1343,
"ctxt": 0
},
"token": {
"Number": {
"value": 0.0,
"raw": "0",
"type": "integer"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1343,
"end": 1344,
"ctxt": 0
},
"token": "Semi"
},
{
"type": "PreservedToken",
"span": {
"start": 1344,
"end": 1353,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1353,
"end": 1359,
"ctxt": 0
},
"token": {
"Ident": {
"value": "height",
"raw": "height"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1359,
"end": 1360,
"ctxt": 0
},
"token": "Colon"
},
{
"type": "PreservedToken",
"span": {
"start": 1360,
"end": 1361,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1361,
"end": 1362,
"ctxt": 0
},
"token": {
"Number": {
"value": 0.0,
"raw": "0",
"type": "integer"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1362,
"end": 1363,
"ctxt": 0
},
"token": "Semi"
},
{
"type": "PreservedToken",
"span": {
"start": 1363,
"end": 1368,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1368,
"end": 1369,
"ctxt": 0
},
"token": "RBrace"
}
],
"important": null
},
{
"type": "Declaration",
"span": {
"start": 1375,
"end": 1390,
"ctxt": 0
},
"name": {
"type": "DashedIdent",
"span": {
"start": 1375,
"end": 1387,
"ctxt": 0
},
"value": "--small-icon",
"raw": "--small-icon"
},
"value": [
{
"type": "PreservedToken",
"span": {
"start": 1389,
"end": 1390,
"ctxt": 0
},
"token": "LBrace"
},
{
"type": "PreservedToken",
"span": {
"start": 1390,
"end": 1399,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1399,
"end": 1404,
"ctxt": 0
},
"token": {
"Ident": {
"value": "width",
"raw": "width"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1404,
"end": 1405,
"ctxt": 0
},
"token": "Colon"
},
{
"type": "PreservedToken",
"span": {
"start": 1405,
"end": 1406,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1406,
"end": 1410,
"ctxt": 0
},
"token": {
"Dimension": {
"value": 16.0,
"raw_value": "16",
"unit": "px",
"raw_unit": "px",
"type": "integer"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1410,
"end": 1411,
"ctxt": 0
},
"token": "Semi"
},
{
"type": "PreservedToken",
"span": {
"start": 1411,
"end": 1420,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1420,
"end": 1426,
"ctxt": 0
},
"token": {
"Ident": {
"value": "height",
"raw": "height"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1426,
"end": 1427,
"ctxt": 0
},
"token": "Colon"
},
{
"type": "PreservedToken",
"span": {
"start": 1427,
"end": 1428,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1428,
"end": 1432,
"ctxt": 0
},
"token": {
"Dimension": {
"value": 16.0,
"raw_value": "16",
"unit": "px",
"raw_unit": "px",
"type": "integer"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1432,
"end": 1433,
"ctxt": 0
},
"token": "Semi"
},
{
"type": "PreservedToken",
"span": {
"start": 1433,
"end": 1438,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1438,
"end": 1439,
"ctxt": 0
},
"token": "RBrace"
},
{
"type": "PreservedToken",
"span": {
"start": 1439,
"end": 1440,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n"
}
}
}
],
"important": null
}
]
}
}
]
}