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

4182 lines
116 KiB
JSON

{
"type": "Stylesheet",
"span": {
"start": 0,
"end": 1443,
"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": "AtRule",
"span": {
"start": 56,
"end": 127,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 57,
"end": 62,
"ctxt": 0
},
"value": "media",
"raw": "media"
},
"prelude": {
"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": "AtRule",
"span": {
"start": 162,
"end": 325,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 163,
"end": 168,
"ctxt": 0
},
"value": "media",
"raw": "media"
},
"prelude": {
"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": "AtRule",
"span": {
"start": 237,
"end": 319,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 238,
"end": 243,
"ctxt": 0
},
"value": "media",
"raw": "media"
},
"prelude": {
"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": "AtRule",
"span": {
"start": 329,
"end": 410,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 330,
"end": 335,
"ctxt": 0
},
"value": "media",
"raw": "media"
},
"prelude": {
"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": "AtRule",
"span": {
"start": 440,
"end": 509,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 441,
"end": 446,
"ctxt": 0
},
"value": "media",
"raw": "media"
},
"prelude": {
"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": "AtRule",
"span": {
"start": 526,
"end": 622,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 527,
"end": 535,
"ctxt": 0
},
"value": "supports",
"raw": "supports"
},
"prelude": {
"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": "AtRule",
"span": {
"start": 657,
"end": 753,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 658,
"end": 666,
"ctxt": 0
},
"value": "supports",
"raw": "supports"
},
"prelude": {
"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": "AtRule",
"span": {
"start": 827,
"end": 923,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 828,
"end": 836,
"ctxt": 0
},
"value": "supports",
"raw": "supports"
},
"prelude": {
"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": "AtRule",
"span": {
"start": 997,
"end": 1068,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 998,
"end": 1006,
"ctxt": 0
},
"value": "document",
"raw": "document"
},
"prelude": {
"type": "DocumentPrelude",
"span": {
"start": 1007,
"end": 1039,
"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
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1072,
"end": 1101,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1072,
"end": 1073,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1072,
"end": 1073,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1072,
"end": 1073,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1072,
"end": 1073,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1072,
"end": 1073,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1072,
"end": 1073,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1074,
"end": 1101,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1082,
"end": 1094,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1082,
"end": 1087,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 1089,
"end": 1094,
"ctxt": 0
},
"value": "black",
"raw": "black"
}
],
"important": null
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1103,
"end": 1122,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1103,
"end": 1104,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1103,
"end": 1104,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1103,
"end": 1104,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1103,
"end": 1104,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1103,
"end": 1104,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1103,
"end": 1104,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1105,
"end": 1122,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1108,
"end": 1119,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1108,
"end": 1113,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 1115,
"end": 1119,
"ctxt": 0
},
"value": "pink",
"raw": "pink"
}
],
"important": null
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1124,
"end": 1138,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1124,
"end": 1125,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1124,
"end": 1125,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1124,
"end": 1125,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1124,
"end": 1125,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1124,
"end": 1125,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1124,
"end": 1125,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1125,
"end": 1138,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1126,
"end": 1137,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1126,
"end": 1131,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 1132,
"end": 1137,
"ctxt": 0
},
"value": "black",
"raw": "black"
}
],
"important": null
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1140,
"end": 1211,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1140,
"end": 1141,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1140,
"end": 1141,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1140,
"end": 1141,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1140,
"end": 1141,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1140,
"end": 1141,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1140,
"end": 1141,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1142,
"end": 1211,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1148,
"end": 1159,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1148,
"end": 1153,
"ctxt": 0
},
"value": "width",
"raw": "width"
},
"value": [
{
"type": "Length",
"span": {
"start": 1155,
"end": 1159,
"ctxt": 0
},
"value": {
"type": "Number",
"span": {
"start": 1155,
"end": 1157,
"ctxt": 0
},
"value": 10.0,
"raw": "10"
},
"unit": {
"type": "Ident",
"span": {
"start": 1157,
"end": 1159,
"ctxt": 0
},
"value": "px",
"raw": "px"
}
}
],
"important": null
},
{
"type": "AtRule",
"span": {
"start": 1165,
"end": 1209,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1166,
"end": 1171,
"ctxt": 0
},
"value": "mixin",
"raw": "mixin"
},
"prelude": {
"type": "ListOfComponentValues",
"span": {
"start": 1171,
"end": 1179,
"ctxt": 0
},
"children": [
{
"type": "PreservedToken",
"span": {
"start": 1171,
"end": 1172,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1172,
"end": 1178,
"ctxt": 0
},
"token": {
"Ident": {
"value": "mobile",
"raw": "mobile"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1178,
"end": 1179,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1179,
"end": 1209,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "PreservedToken",
"span": {
"start": 1180,
"end": 1189,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1189,
"end": 1195,
"ctxt": 0
},
"token": {
"Ident": {
"value": "height",
"raw": "height"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1195,
"end": 1196,
"ctxt": 0
},
"token": "Colon"
},
{
"type": "PreservedToken",
"span": {
"start": 1196,
"end": 1197,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1197,
"end": 1202,
"ctxt": 0
},
"token": {
"Dimension": {
"value": 100.0,
"raw_value": "100",
"unit": "px",
"raw_unit": "px",
"type": "integer"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1202,
"end": 1203,
"ctxt": 0
},
"token": "Semi"
},
{
"type": "PreservedToken",
"span": {
"start": 1203,
"end": 1208,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
}
]
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1213,
"end": 1239,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1213,
"end": 1214,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1213,
"end": 1214,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1213,
"end": 1214,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1213,
"end": 1214,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1213,
"end": 1214,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1213,
"end": 1214,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1215,
"end": 1239,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1217,
"end": 1234,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1217,
"end": 1222,
"ctxt": 0
},
"value": "color",
"raw": "color"
},
"value": [
{
"type": "Ident",
"span": {
"start": 1224,
"end": 1225,
"ctxt": 0
},
"value": "a",
"raw": "a"
},
{
"type": "Ident",
"span": {
"start": 1233,
"end": 1234,
"ctxt": 0
},
"value": "b",
"raw": "b"
}
],
"important": null
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1241,
"end": 1264,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1241,
"end": 1242,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1241,
"end": 1242,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1241,
"end": 1242,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1241,
"end": 1242,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1241,
"end": 1242,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1241,
"end": 1242,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1243,
"end": 1264,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "AtRule",
"span": {
"start": 1245,
"end": 1262,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1246,
"end": 1253,
"ctxt": 0
},
"value": "unknown",
"raw": "unknown"
},
"prelude": {
"type": "ListOfComponentValues",
"span": {
"start": 1253,
"end": 1261,
"ctxt": 0
},
"children": [
{
"type": "PreservedToken",
"span": {
"start": 1253,
"end": 1254,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1254,
"end": 1261,
"ctxt": 0
},
"token": {
"String": {
"value": "a.css",
"raw": "\"a.css\""
}
}
}
]
},
"block": null
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1266,
"end": 1287,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1266,
"end": 1267,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1266,
"end": 1267,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1266,
"end": 1267,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1266,
"end": 1267,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1266,
"end": 1267,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1266,
"end": 1267,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1268,
"end": 1287,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "AtRule",
"span": {
"start": 1270,
"end": 1285,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1271,
"end": 1278,
"ctxt": 0
},
"value": "unknown",
"raw": "unknown"
},
"prelude": {
"type": "ListOfComponentValues",
"span": {
"start": 1278,
"end": 1283,
"ctxt": 0
},
"children": [
{
"type": "PreservedToken",
"span": {
"start": 1278,
"end": 1279,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1279,
"end": 1282,
"ctxt": 0
},
"token": {
"Ident": {
"value": "foo",
"raw": "foo"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1282,
"end": 1283,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1283,
"end": 1285,
"ctxt": 0
},
"name": "{",
"value": []
}
}
]
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1289,
"end": 1297,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1289,
"end": 1290,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1289,
"end": 1290,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1289,
"end": 1290,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": {
"type": "TagNameSelector",
"span": {
"start": 1289,
"end": 1290,
"ctxt": 0
},
"name": {
"type": "WqName",
"span": {
"start": 1289,
"end": 1290,
"ctxt": 0
},
"prefix": null,
"value": {
"type": "Ident",
"span": {
"start": 1289,
"end": 1290,
"ctxt": 0
},
"value": "a",
"raw": "a"
}
}
},
"subclassSelectors": []
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1295,
"end": 1297,
"ctxt": 0
},
"name": "{",
"value": []
}
},
{
"type": "QualifiedRule",
"span": {
"start": 1299,
"end": 1442,
"ctxt": 0
},
"prelude": {
"type": "SelectorList",
"span": {
"start": 1299,
"end": 1304,
"ctxt": 0
},
"children": [
{
"type": "ComplexSelector",
"span": {
"start": 1299,
"end": 1304,
"ctxt": 0
},
"children": [
{
"type": "CompoundSelector",
"span": {
"start": 1299,
"end": 1304,
"ctxt": 0
},
"nestingSelector": null,
"typeSelector": null,
"subclassSelectors": [
{
"type": "PseudoClassSelector",
"span": {
"start": 1299,
"end": 1304,
"ctxt": 0
},
"name": {
"type": "Ident",
"span": {
"start": 1300,
"end": 1304,
"ctxt": 0
},
"value": "root",
"raw": "root"
},
"children": null
}
]
}
]
}
]
},
"block": {
"type": "SimpleBlock",
"span": {
"start": 1305,
"end": 1442,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
"span": {
"start": 1311,
"end": 1325,
"ctxt": 0
},
"name": {
"type": "DashedIdent",
"span": {
"start": 1311,
"end": 1322,
"ctxt": 0
},
"value": "--zero-size",
"raw": "--zero-size"
},
"value": [
{
"type": "PreservedToken",
"span": {
"start": 1324,
"end": 1325,
"ctxt": 0
},
"token": "LBrace"
},
{
"type": "PreservedToken",
"span": {
"start": 1325,
"end": 1334,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1334,
"end": 1339,
"ctxt": 0
},
"token": {
"Ident": {
"value": "width",
"raw": "width"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1339,
"end": 1340,
"ctxt": 0
},
"token": "Colon"
},
{
"type": "PreservedToken",
"span": {
"start": 1340,
"end": 1341,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1341,
"end": 1342,
"ctxt": 0
},
"token": {
"Number": {
"value": 0.0,
"raw": "0",
"type": "integer"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1342,
"end": 1343,
"ctxt": 0
},
"token": "Semi"
},
{
"type": "PreservedToken",
"span": {
"start": 1343,
"end": 1352,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1352,
"end": 1358,
"ctxt": 0
},
"token": {
"Ident": {
"value": "height",
"raw": "height"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1358,
"end": 1359,
"ctxt": 0
},
"token": "Colon"
},
{
"type": "PreservedToken",
"span": {
"start": 1359,
"end": 1360,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1360,
"end": 1361,
"ctxt": 0
},
"token": {
"Number": {
"value": 0.0,
"raw": "0",
"type": "integer"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1361,
"end": 1362,
"ctxt": 0
},
"token": "Semi"
},
{
"type": "PreservedToken",
"span": {
"start": 1362,
"end": 1367,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1367,
"end": 1368,
"ctxt": 0
},
"token": "RBrace"
}
],
"important": null
},
{
"type": "Declaration",
"span": {
"start": 1374,
"end": 1389,
"ctxt": 0
},
"name": {
"type": "DashedIdent",
"span": {
"start": 1374,
"end": 1386,
"ctxt": 0
},
"value": "--small-icon",
"raw": "--small-icon"
},
"value": [
{
"type": "PreservedToken",
"span": {
"start": 1388,
"end": 1389,
"ctxt": 0
},
"token": "LBrace"
},
{
"type": "PreservedToken",
"span": {
"start": 1389,
"end": 1398,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1398,
"end": 1403,
"ctxt": 0
},
"token": {
"Ident": {
"value": "width",
"raw": "width"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1403,
"end": 1404,
"ctxt": 0
},
"token": "Colon"
},
{
"type": "PreservedToken",
"span": {
"start": 1404,
"end": 1405,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1405,
"end": 1409,
"ctxt": 0
},
"token": {
"Dimension": {
"value": 16.0,
"raw_value": "16",
"unit": "px",
"raw_unit": "px",
"type": "integer"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1409,
"end": 1410,
"ctxt": 0
},
"token": "Semi"
},
{
"type": "PreservedToken",
"span": {
"start": 1410,
"end": 1419,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1419,
"end": 1425,
"ctxt": 0
},
"token": {
"Ident": {
"value": "height",
"raw": "height"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1425,
"end": 1426,
"ctxt": 0
},
"token": "Colon"
},
{
"type": "PreservedToken",
"span": {
"start": 1426,
"end": 1427,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": " "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1427,
"end": 1431,
"ctxt": 0
},
"token": {
"Dimension": {
"value": 16.0,
"raw_value": "16",
"unit": "px",
"raw_unit": "px",
"type": "integer"
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1431,
"end": 1432,
"ctxt": 0
},
"token": "Semi"
},
{
"type": "PreservedToken",
"span": {
"start": 1432,
"end": 1437,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n "
}
}
},
{
"type": "PreservedToken",
"span": {
"start": 1437,
"end": 1438,
"ctxt": 0
},
"token": "RBrace"
},
{
"type": "PreservedToken",
"span": {
"start": 1438,
"end": 1439,
"ctxt": 0
},
"token": {
"WhiteSpace": {
"value": "\n"
}
}
}
],
"important": null
}
]
}
}
]
}