Last active
March 21, 2018 17:50
-
-
Save olsonpm/78ca02d690b225d3ea5a54332fa02990 to your computer and use it in GitHub Desktop.
the ASTs of well-supported at-rules
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@charset "utf-8"; | |
@namespace svg url(http://www.w3.org/2000/svg); | |
@import 'common.css' screen, projection; | |
@media (min-width: 500px) { | |
body { | |
background-color: blue; | |
} | |
} | |
@supports (display: grid) { | |
div { | |
display: grid; | |
} | |
} | |
@page :first { | |
margin: 2cm; | |
} | |
@font-face { | |
font-family: 'Open Sans'; | |
src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'), | |
url('/fonts/OpenSans-Regular-webfont.woff') format('woff'); | |
} | |
@keyframes slidein { | |
from { | |
margin-left: 100%; | |
width: 300%; | |
} | |
to { | |
margin-left: 0%; | |
width: 100%; | |
} | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"type": "StyleSheet", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 0, | |
"line": 1, | |
"column": 1 | |
}, | |
"end": { | |
"offset": 580, | |
"line": 40, | |
"column": 1 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Atrule", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 0, | |
"line": 1, | |
"column": 1 | |
}, | |
"end": { | |
"offset": 17, | |
"line": 1, | |
"column": 18 | |
} | |
}, | |
"name": "charset", | |
"prelude": { | |
"type": "AtrulePrelude", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 9, | |
"line": 1, | |
"column": 10 | |
}, | |
"end": { | |
"offset": 16, | |
"line": 1, | |
"column": 17 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "String", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 9, | |
"line": 1, | |
"column": 10 | |
}, | |
"end": { | |
"offset": 16, | |
"line": 1, | |
"column": 17 | |
} | |
}, | |
"value": "\"utf-8\"" | |
} | |
] | |
}, | |
"block": null | |
}, | |
{ | |
"type": "Atrule", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 19, | |
"line": 3, | |
"column": 1 | |
}, | |
"end": { | |
"offset": 66, | |
"line": 3, | |
"column": 48 | |
} | |
}, | |
"name": "namespace", | |
"prelude": { | |
"type": "AtrulePrelude", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 30, | |
"line": 3, | |
"column": 12 | |
}, | |
"end": { | |
"offset": 65, | |
"line": 3, | |
"column": 47 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Identifier", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 30, | |
"line": 3, | |
"column": 12 | |
}, | |
"end": { | |
"offset": 33, | |
"line": 3, | |
"column": 15 | |
} | |
}, | |
"name": "svg" | |
}, | |
{ | |
"type": "WhiteSpace", | |
"loc": null, | |
"value": " " | |
}, | |
{ | |
"type": "Url", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 34, | |
"line": 3, | |
"column": 16 | |
}, | |
"end": { | |
"offset": 65, | |
"line": 3, | |
"column": 47 | |
} | |
}, | |
"value": { | |
"type": "Raw", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 38, | |
"line": 3, | |
"column": 20 | |
}, | |
"end": { | |
"offset": 64, | |
"line": 3, | |
"column": 46 | |
} | |
}, | |
"value": "http://www.w3.org/2000/svg" | |
} | |
} | |
] | |
}, | |
"block": null | |
}, | |
{ | |
"type": "Atrule", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 68, | |
"line": 5, | |
"column": 1 | |
}, | |
"end": { | |
"offset": 108, | |
"line": 5, | |
"column": 41 | |
} | |
}, | |
"name": "import", | |
"prelude": { | |
"type": "AtrulePrelude", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 76, | |
"line": 5, | |
"column": 9 | |
}, | |
"end": { | |
"offset": 107, | |
"line": 5, | |
"column": 40 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "String", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 76, | |
"line": 5, | |
"column": 9 | |
}, | |
"end": { | |
"offset": 88, | |
"line": 5, | |
"column": 21 | |
} | |
}, | |
"value": "'common.css'" | |
}, | |
{ | |
"type": "WhiteSpace", | |
"loc": null, | |
"value": " " | |
}, | |
{ | |
"type": "MediaQueryList", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 89, | |
"line": 5, | |
"column": 22 | |
}, | |
"end": { | |
"offset": 107, | |
"line": 5, | |
"column": 40 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "MediaQuery", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 89, | |
"line": 5, | |
"column": 22 | |
}, | |
"end": { | |
"offset": 95, | |
"line": 5, | |
"column": 28 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Identifier", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 89, | |
"line": 5, | |
"column": 22 | |
}, | |
"end": { | |
"offset": 95, | |
"line": 5, | |
"column": 28 | |
} | |
}, | |
"name": "screen" | |
} | |
] | |
}, | |
{ | |
"type": "MediaQuery", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 97, | |
"line": 5, | |
"column": 30 | |
}, | |
"end": { | |
"offset": 107, | |
"line": 5, | |
"column": 40 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Identifier", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 97, | |
"line": 5, | |
"column": 30 | |
}, | |
"end": { | |
"offset": 107, | |
"line": 5, | |
"column": 40 | |
} | |
}, | |
"name": "projection" | |
} | |
] | |
} | |
] | |
} | |
] | |
}, | |
"block": null | |
}, | |
{ | |
"type": "Atrule", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 110, | |
"line": 7, | |
"column": 1 | |
}, | |
"end": { | |
"offset": 180, | |
"line": 11, | |
"column": 2 | |
} | |
}, | |
"name": "media", | |
"prelude": { | |
"type": "AtrulePrelude", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 117, | |
"line": 7, | |
"column": 8 | |
}, | |
"end": { | |
"offset": 135, | |
"line": 7, | |
"column": 26 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "MediaQueryList", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 117, | |
"line": 7, | |
"column": 8 | |
}, | |
"end": { | |
"offset": 135, | |
"line": 7, | |
"column": 26 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "MediaQuery", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 117, | |
"line": 7, | |
"column": 8 | |
}, | |
"end": { | |
"offset": 135, | |
"line": 7, | |
"column": 26 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "MediaFeature", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 117, | |
"line": 7, | |
"column": 8 | |
}, | |
"end": { | |
"offset": 135, | |
"line": 7, | |
"column": 26 | |
} | |
}, | |
"name": "min-width", | |
"value": { | |
"type": "Dimension", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 129, | |
"line": 7, | |
"column": 20 | |
}, | |
"end": { | |
"offset": 134, | |
"line": 7, | |
"column": 25 | |
} | |
}, | |
"value": "500", | |
"unit": "px" | |
} | |
} | |
] | |
} | |
] | |
} | |
] | |
}, | |
"block": { | |
"type": "Block", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 136, | |
"line": 7, | |
"column": 27 | |
}, | |
"end": { | |
"offset": 180, | |
"line": 11, | |
"column": 2 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Rule", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 140, | |
"line": 8, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 178, | |
"line": 10, | |
"column": 4 | |
} | |
}, | |
"prelude": { | |
"type": "SelectorList", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 140, | |
"line": 8, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 144, | |
"line": 8, | |
"column": 7 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Selector", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 140, | |
"line": 8, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 144, | |
"line": 8, | |
"column": 7 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "TypeSelector", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 140, | |
"line": 8, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 144, | |
"line": 8, | |
"column": 7 | |
} | |
}, | |
"name": "body" | |
} | |
] | |
} | |
] | |
}, | |
"block": { | |
"type": "Block", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 145, | |
"line": 8, | |
"column": 8 | |
}, | |
"end": { | |
"offset": 178, | |
"line": 10, | |
"column": 4 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Declaration", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 151, | |
"line": 9, | |
"column": 5 | |
}, | |
"end": { | |
"offset": 173, | |
"line": 9, | |
"column": 27 | |
} | |
}, | |
"important": false, | |
"property": "background-color", | |
"value": { | |
"type": "Value", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 169, | |
"line": 9, | |
"column": 23 | |
}, | |
"end": { | |
"offset": 173, | |
"line": 9, | |
"column": 27 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Identifier", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 169, | |
"line": 9, | |
"column": 23 | |
}, | |
"end": { | |
"offset": 173, | |
"line": 9, | |
"column": 27 | |
} | |
}, | |
"name": "blue" | |
} | |
] | |
} | |
} | |
] | |
} | |
} | |
] | |
} | |
}, | |
{ | |
"type": "Atrule", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 182, | |
"line": 13, | |
"column": 1 | |
}, | |
"end": { | |
"offset": 242, | |
"line": 17, | |
"column": 2 | |
} | |
}, | |
"name": "supports", | |
"prelude": { | |
"type": "AtrulePrelude", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 192, | |
"line": 13, | |
"column": 11 | |
}, | |
"end": { | |
"offset": 207, | |
"line": 13, | |
"column": 26 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Parentheses", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 192, | |
"line": 13, | |
"column": 11 | |
}, | |
"end": { | |
"offset": 207, | |
"line": 13, | |
"column": 26 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Declaration", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 193, | |
"line": 13, | |
"column": 12 | |
}, | |
"end": { | |
"offset": 206, | |
"line": 13, | |
"column": 25 | |
} | |
}, | |
"important": false, | |
"property": "display", | |
"value": { | |
"type": "Value", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 202, | |
"line": 13, | |
"column": 21 | |
}, | |
"end": { | |
"offset": 206, | |
"line": 13, | |
"column": 25 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Identifier", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 202, | |
"line": 13, | |
"column": 21 | |
}, | |
"end": { | |
"offset": 206, | |
"line": 13, | |
"column": 25 | |
} | |
}, | |
"name": "grid" | |
} | |
] | |
} | |
} | |
] | |
} | |
] | |
}, | |
"block": { | |
"type": "Block", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 208, | |
"line": 13, | |
"column": 27 | |
}, | |
"end": { | |
"offset": 242, | |
"line": 17, | |
"column": 2 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Rule", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 212, | |
"line": 14, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 240, | |
"line": 16, | |
"column": 4 | |
} | |
}, | |
"prelude": { | |
"type": "SelectorList", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 212, | |
"line": 14, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 215, | |
"line": 14, | |
"column": 6 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Selector", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 212, | |
"line": 14, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 215, | |
"line": 14, | |
"column": 6 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "TypeSelector", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 212, | |
"line": 14, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 215, | |
"line": 14, | |
"column": 6 | |
} | |
}, | |
"name": "div" | |
} | |
] | |
} | |
] | |
}, | |
"block": { | |
"type": "Block", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 216, | |
"line": 14, | |
"column": 7 | |
}, | |
"end": { | |
"offset": 240, | |
"line": 16, | |
"column": 4 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Declaration", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 222, | |
"line": 15, | |
"column": 5 | |
}, | |
"end": { | |
"offset": 235, | |
"line": 15, | |
"column": 18 | |
} | |
}, | |
"important": false, | |
"property": "display", | |
"value": { | |
"type": "Value", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 231, | |
"line": 15, | |
"column": 14 | |
}, | |
"end": { | |
"offset": 235, | |
"line": 15, | |
"column": 18 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Identifier", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 231, | |
"line": 15, | |
"column": 14 | |
}, | |
"end": { | |
"offset": 235, | |
"line": 15, | |
"column": 18 | |
} | |
}, | |
"name": "grid" | |
} | |
] | |
} | |
} | |
] | |
} | |
} | |
] | |
} | |
}, | |
{ | |
"type": "Atrule", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 244, | |
"line": 19, | |
"column": 1 | |
}, | |
"end": { | |
"offset": 275, | |
"line": 21, | |
"column": 2 | |
} | |
}, | |
"name": "page", | |
"prelude": { | |
"type": "AtrulePrelude", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 250, | |
"line": 19, | |
"column": 7 | |
}, | |
"end": { | |
"offset": 256, | |
"line": 19, | |
"column": 13 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "SelectorList", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 250, | |
"line": 19, | |
"column": 7 | |
}, | |
"end": { | |
"offset": 256, | |
"line": 19, | |
"column": 13 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Selector", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 250, | |
"line": 19, | |
"column": 7 | |
}, | |
"end": { | |
"offset": 256, | |
"line": 19, | |
"column": 13 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "PseudoClassSelector", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 250, | |
"line": 19, | |
"column": 7 | |
}, | |
"end": { | |
"offset": 256, | |
"line": 19, | |
"column": 13 | |
} | |
}, | |
"name": "first", | |
"children": null | |
} | |
] | |
} | |
] | |
} | |
] | |
}, | |
"block": { | |
"type": "Block", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 257, | |
"line": 19, | |
"column": 14 | |
}, | |
"end": { | |
"offset": 275, | |
"line": 21, | |
"column": 2 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Declaration", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 261, | |
"line": 20, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 272, | |
"line": 20, | |
"column": 14 | |
} | |
}, | |
"important": false, | |
"property": "margin", | |
"value": { | |
"type": "Value", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 269, | |
"line": 20, | |
"column": 11 | |
}, | |
"end": { | |
"offset": 272, | |
"line": 20, | |
"column": 14 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Dimension", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 269, | |
"line": 20, | |
"column": 11 | |
}, | |
"end": { | |
"offset": 272, | |
"line": 20, | |
"column": 14 | |
} | |
}, | |
"value": "2", | |
"unit": "cm" | |
} | |
] | |
} | |
} | |
] | |
} | |
}, | |
{ | |
"type": "Atrule", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 277, | |
"line": 23, | |
"column": 1 | |
}, | |
"end": { | |
"offset": 452, | |
"line": 27, | |
"column": 2 | |
} | |
}, | |
"name": "font-face", | |
"prelude": null, | |
"block": { | |
"type": "Block", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 288, | |
"line": 23, | |
"column": 12 | |
}, | |
"end": { | |
"offset": 452, | |
"line": 27, | |
"column": 2 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Declaration", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 292, | |
"line": 24, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 316, | |
"line": 24, | |
"column": 27 | |
} | |
}, | |
"important": false, | |
"property": "font-family", | |
"value": { | |
"type": "Value", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 305, | |
"line": 24, | |
"column": 16 | |
}, | |
"end": { | |
"offset": 316, | |
"line": 24, | |
"column": 27 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "String", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 305, | |
"line": 24, | |
"column": 16 | |
}, | |
"end": { | |
"offset": 316, | |
"line": 24, | |
"column": 27 | |
} | |
}, | |
"value": "'Open Sans'" | |
} | |
] | |
} | |
}, | |
{ | |
"type": "Declaration", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 320, | |
"line": 25, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 449, | |
"line": 26, | |
"column": 63 | |
} | |
}, | |
"important": false, | |
"property": "src", | |
"value": { | |
"type": "Value", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 325, | |
"line": 25, | |
"column": 8 | |
}, | |
"end": { | |
"offset": 449, | |
"line": 26, | |
"column": 63 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Url", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 325, | |
"line": 25, | |
"column": 8 | |
}, | |
"end": { | |
"offset": 369, | |
"line": 25, | |
"column": 52 | |
} | |
}, | |
"value": { | |
"type": "String", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 329, | |
"line": 25, | |
"column": 12 | |
}, | |
"end": { | |
"offset": 368, | |
"line": 25, | |
"column": 51 | |
} | |
}, | |
"value": "'/fonts/OpenSans-Regular-webfont.woff2'" | |
} | |
}, | |
{ | |
"type": "WhiteSpace", | |
"loc": null, | |
"value": " " | |
}, | |
{ | |
"type": "Function", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 370, | |
"line": 25, | |
"column": 53 | |
}, | |
"end": { | |
"offset": 385, | |
"line": 25, | |
"column": 68 | |
} | |
}, | |
"name": "format", | |
"children": [ | |
{ | |
"type": "String", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 377, | |
"line": 25, | |
"column": 60 | |
}, | |
"end": { | |
"offset": 384, | |
"line": 25, | |
"column": 67 | |
} | |
}, | |
"value": "'woff2'" | |
} | |
] | |
}, | |
{ | |
"type": "Operator", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 385, | |
"line": 25, | |
"column": 68 | |
}, | |
"end": { | |
"offset": 386, | |
"line": 25, | |
"column": 69 | |
} | |
}, | |
"value": "," | |
}, | |
{ | |
"type": "Url", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 391, | |
"line": 26, | |
"column": 5 | |
}, | |
"end": { | |
"offset": 434, | |
"line": 26, | |
"column": 48 | |
} | |
}, | |
"value": { | |
"type": "String", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 395, | |
"line": 26, | |
"column": 9 | |
}, | |
"end": { | |
"offset": 433, | |
"line": 26, | |
"column": 47 | |
} | |
}, | |
"value": "'/fonts/OpenSans-Regular-webfont.woff'" | |
} | |
}, | |
{ | |
"type": "WhiteSpace", | |
"loc": null, | |
"value": " " | |
}, | |
{ | |
"type": "Function", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 435, | |
"line": 26, | |
"column": 49 | |
}, | |
"end": { | |
"offset": 449, | |
"line": 26, | |
"column": 63 | |
} | |
}, | |
"name": "format", | |
"children": [ | |
{ | |
"type": "String", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 442, | |
"line": 26, | |
"column": 56 | |
}, | |
"end": { | |
"offset": 448, | |
"line": 26, | |
"column": 62 | |
} | |
}, | |
"value": "'woff'" | |
} | |
] | |
} | |
] | |
} | |
} | |
] | |
} | |
}, | |
{ | |
"type": "Atrule", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 454, | |
"line": 29, | |
"column": 1 | |
}, | |
"end": { | |
"offset": 579, | |
"line": 39, | |
"column": 2 | |
} | |
}, | |
"name": "keyframes", | |
"prelude": { | |
"type": "AtrulePrelude", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 465, | |
"line": 29, | |
"column": 12 | |
}, | |
"end": { | |
"offset": 472, | |
"line": 29, | |
"column": 19 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Identifier", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 465, | |
"line": 29, | |
"column": 12 | |
}, | |
"end": { | |
"offset": 472, | |
"line": 29, | |
"column": 19 | |
} | |
}, | |
"name": "slidein" | |
} | |
] | |
}, | |
"block": { | |
"type": "Block", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 473, | |
"line": 29, | |
"column": 20 | |
}, | |
"end": { | |
"offset": 579, | |
"line": 39, | |
"column": 2 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Rule", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 477, | |
"line": 30, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 527, | |
"line": 33, | |
"column": 4 | |
} | |
}, | |
"prelude": { | |
"type": "SelectorList", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 477, | |
"line": 30, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 481, | |
"line": 30, | |
"column": 7 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Selector", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 477, | |
"line": 30, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 481, | |
"line": 30, | |
"column": 7 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "TypeSelector", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 477, | |
"line": 30, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 481, | |
"line": 30, | |
"column": 7 | |
} | |
}, | |
"name": "from" | |
} | |
] | |
} | |
] | |
}, | |
"block": { | |
"type": "Block", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 482, | |
"line": 30, | |
"column": 8 | |
}, | |
"end": { | |
"offset": 527, | |
"line": 33, | |
"column": 4 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Declaration", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 488, | |
"line": 31, | |
"column": 5 | |
}, | |
"end": { | |
"offset": 505, | |
"line": 31, | |
"column": 22 | |
} | |
}, | |
"important": false, | |
"property": "margin-left", | |
"value": { | |
"type": "Value", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 501, | |
"line": 31, | |
"column": 18 | |
}, | |
"end": { | |
"offset": 505, | |
"line": 31, | |
"column": 22 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Percentage", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 501, | |
"line": 31, | |
"column": 18 | |
}, | |
"end": { | |
"offset": 505, | |
"line": 31, | |
"column": 22 | |
} | |
}, | |
"value": "100" | |
} | |
] | |
} | |
}, | |
{ | |
"type": "Declaration", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 511, | |
"line": 32, | |
"column": 5 | |
}, | |
"end": { | |
"offset": 522, | |
"line": 32, | |
"column": 16 | |
} | |
}, | |
"important": false, | |
"property": "width", | |
"value": { | |
"type": "Value", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 518, | |
"line": 32, | |
"column": 12 | |
}, | |
"end": { | |
"offset": 522, | |
"line": 32, | |
"column": 16 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Percentage", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 518, | |
"line": 32, | |
"column": 12 | |
}, | |
"end": { | |
"offset": 522, | |
"line": 32, | |
"column": 16 | |
} | |
}, | |
"value": "300" | |
} | |
] | |
} | |
} | |
] | |
} | |
}, | |
{ | |
"type": "Rule", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 531, | |
"line": 35, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 577, | |
"line": 38, | |
"column": 4 | |
} | |
}, | |
"prelude": { | |
"type": "SelectorList", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 531, | |
"line": 35, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 533, | |
"line": 35, | |
"column": 5 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Selector", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 531, | |
"line": 35, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 533, | |
"line": 35, | |
"column": 5 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "TypeSelector", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 531, | |
"line": 35, | |
"column": 3 | |
}, | |
"end": { | |
"offset": 533, | |
"line": 35, | |
"column": 5 | |
} | |
}, | |
"name": "to" | |
} | |
] | |
} | |
] | |
}, | |
"block": { | |
"type": "Block", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 534, | |
"line": 35, | |
"column": 6 | |
}, | |
"end": { | |
"offset": 577, | |
"line": 38, | |
"column": 4 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Declaration", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 540, | |
"line": 36, | |
"column": 5 | |
}, | |
"end": { | |
"offset": 555, | |
"line": 36, | |
"column": 20 | |
} | |
}, | |
"important": false, | |
"property": "margin-left", | |
"value": { | |
"type": "Value", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 553, | |
"line": 36, | |
"column": 18 | |
}, | |
"end": { | |
"offset": 555, | |
"line": 36, | |
"column": 20 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Percentage", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 553, | |
"line": 36, | |
"column": 18 | |
}, | |
"end": { | |
"offset": 555, | |
"line": 36, | |
"column": 20 | |
} | |
}, | |
"value": "0" | |
} | |
] | |
} | |
}, | |
{ | |
"type": "Declaration", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 561, | |
"line": 37, | |
"column": 5 | |
}, | |
"end": { | |
"offset": 572, | |
"line": 37, | |
"column": 16 | |
} | |
}, | |
"important": false, | |
"property": "width", | |
"value": { | |
"type": "Value", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 568, | |
"line": 37, | |
"column": 12 | |
}, | |
"end": { | |
"offset": 572, | |
"line": 37, | |
"column": 16 | |
} | |
}, | |
"children": [ | |
{ | |
"type": "Percentage", | |
"loc": { | |
"source": "/path/to/test.css", | |
"start": { | |
"offset": 568, | |
"line": 37, | |
"column": 12 | |
}, | |
"end": { | |
"offset": 572, | |
"line": 37, | |
"column": 16 | |
} | |
}, | |
"value": "100" | |
} | |
] | |
} | |
} | |
] | |
} | |
} | |
] | |
} | |
} | |
] | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"raws": { | |
"semicolon": false, | |
"after": "\n" | |
}, | |
"type": "root", | |
"nodes": [ | |
{ | |
"raws": { | |
"before": "", | |
"between": "", | |
"afterName": " " | |
}, | |
"type": "atrule", | |
"name": "charset", | |
"source": { | |
"start": { | |
"line": 1, | |
"column": 1 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 1, | |
"column": 17 | |
} | |
}, | |
"params": "\"utf-8\"" | |
}, | |
{ | |
"raws": { | |
"before": "\n\n", | |
"between": "", | |
"afterName": " " | |
}, | |
"type": "atrule", | |
"name": "namespace", | |
"source": { | |
"start": { | |
"line": 3, | |
"column": 1 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 3, | |
"column": 47 | |
} | |
}, | |
"params": "svg url(http://www.w3.org/2000/svg)" | |
}, | |
{ | |
"raws": { | |
"before": "\n\n", | |
"between": "", | |
"afterName": " " | |
}, | |
"type": "atrule", | |
"name": "import", | |
"source": { | |
"start": { | |
"line": 5, | |
"column": 1 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 5, | |
"column": 40 | |
} | |
}, | |
"params": "'common.css' screen, projection" | |
}, | |
{ | |
"raws": { | |
"before": "\n\n", | |
"between": " ", | |
"afterName": " ", | |
"semicolon": false, | |
"after": "\n" | |
}, | |
"type": "atrule", | |
"name": "media", | |
"source": { | |
"start": { | |
"line": 7, | |
"column": 1 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 11, | |
"column": 1 | |
} | |
}, | |
"params": "(min-width: 500px)", | |
"nodes": [ | |
{ | |
"raws": { | |
"before": "\n ", | |
"between": " ", | |
"semicolon": true, | |
"after": "\n " | |
}, | |
"type": "rule", | |
"nodes": [ | |
{ | |
"raws": { | |
"before": "\n ", | |
"between": ": " | |
}, | |
"type": "decl", | |
"source": { | |
"start": { | |
"line": 9, | |
"column": 5 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 9, | |
"column": 27 | |
} | |
}, | |
"prop": "background-color", | |
"value": "blue" | |
} | |
], | |
"source": { | |
"start": { | |
"line": 8, | |
"column": 3 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 10, | |
"column": 3 | |
} | |
}, | |
"selector": "body" | |
} | |
] | |
}, | |
{ | |
"raws": { | |
"before": "\n\n", | |
"between": " ", | |
"afterName": " ", | |
"semicolon": false, | |
"after": "\n" | |
}, | |
"type": "atrule", | |
"name": "supports", | |
"source": { | |
"start": { | |
"line": 13, | |
"column": 1 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 17, | |
"column": 1 | |
} | |
}, | |
"params": "(display: grid)", | |
"nodes": [ | |
{ | |
"raws": { | |
"before": "\n ", | |
"between": " ", | |
"semicolon": true, | |
"after": "\n " | |
}, | |
"type": "rule", | |
"nodes": [ | |
{ | |
"raws": { | |
"before": "\n ", | |
"between": ": " | |
}, | |
"type": "decl", | |
"source": { | |
"start": { | |
"line": 15, | |
"column": 5 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 15, | |
"column": 18 | |
} | |
}, | |
"prop": "display", | |
"value": "grid" | |
} | |
], | |
"source": { | |
"start": { | |
"line": 14, | |
"column": 3 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 16, | |
"column": 3 | |
} | |
}, | |
"selector": "div" | |
} | |
] | |
}, | |
{ | |
"raws": { | |
"before": "\n\n", | |
"between": " ", | |
"afterName": " ", | |
"semicolon": true, | |
"after": "\n" | |
}, | |
"type": "atrule", | |
"name": "page", | |
"source": { | |
"start": { | |
"line": 19, | |
"column": 1 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 21, | |
"column": 1 | |
} | |
}, | |
"params": ":first", | |
"nodes": [ | |
{ | |
"raws": { | |
"before": "\n ", | |
"between": ": " | |
}, | |
"type": "decl", | |
"source": { | |
"start": { | |
"line": 20, | |
"column": 3 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 20, | |
"column": 14 | |
} | |
}, | |
"prop": "margin", | |
"value": "2cm" | |
} | |
] | |
}, | |
{ | |
"raws": { | |
"before": "\n\n", | |
"between": " ", | |
"afterName": "", | |
"semicolon": true, | |
"after": "\n" | |
}, | |
"type": "atrule", | |
"name": "font-face", | |
"source": { | |
"start": { | |
"line": 23, | |
"column": 1 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 27, | |
"column": 1 | |
} | |
}, | |
"params": "", | |
"nodes": [ | |
{ | |
"raws": { | |
"before": "\n ", | |
"between": ": " | |
}, | |
"type": "decl", | |
"source": { | |
"start": { | |
"line": 24, | |
"column": 3 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 24, | |
"column": 27 | |
} | |
}, | |
"prop": "font-family", | |
"value": "'Open Sans'" | |
}, | |
{ | |
"raws": { | |
"before": "\n ", | |
"between": ": " | |
}, | |
"type": "decl", | |
"source": { | |
"start": { | |
"line": 25, | |
"column": 3 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 26, | |
"column": 63 | |
} | |
}, | |
"prop": "src", | |
"value": | |
"url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff')" | |
} | |
] | |
}, | |
{ | |
"raws": { | |
"before": "\n\n", | |
"between": " ", | |
"afterName": " ", | |
"semicolon": false, | |
"after": "\n" | |
}, | |
"type": "atrule", | |
"name": "keyframes", | |
"source": { | |
"start": { | |
"line": 29, | |
"column": 1 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 39, | |
"column": 1 | |
} | |
}, | |
"params": "slidein", | |
"nodes": [ | |
{ | |
"raws": { | |
"before": "\n ", | |
"between": " ", | |
"semicolon": true, | |
"after": "\n " | |
}, | |
"type": "rule", | |
"nodes": [ | |
{ | |
"raws": { | |
"before": "\n ", | |
"between": ": " | |
}, | |
"type": "decl", | |
"source": { | |
"start": { | |
"line": 31, | |
"column": 5 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 31, | |
"column": 22 | |
} | |
}, | |
"prop": "margin-left", | |
"value": "100%" | |
}, | |
{ | |
"raws": { | |
"before": "\n ", | |
"between": ": " | |
}, | |
"type": "decl", | |
"source": { | |
"start": { | |
"line": 32, | |
"column": 5 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 32, | |
"column": 16 | |
} | |
}, | |
"prop": "width", | |
"value": "300%" | |
} | |
], | |
"source": { | |
"start": { | |
"line": 30, | |
"column": 3 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 33, | |
"column": 3 | |
} | |
}, | |
"selector": "from" | |
}, | |
{ | |
"raws": { | |
"before": "\n\n ", | |
"between": " ", | |
"semicolon": true, | |
"after": "\n " | |
}, | |
"type": "rule", | |
"nodes": [ | |
{ | |
"raws": { | |
"before": "\n ", | |
"between": ": " | |
}, | |
"type": "decl", | |
"source": { | |
"start": { | |
"line": 36, | |
"column": 5 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 36, | |
"column": 20 | |
} | |
}, | |
"prop": "margin-left", | |
"value": "0%" | |
}, | |
{ | |
"raws": { | |
"before": "\n ", | |
"between": ": " | |
}, | |
"type": "decl", | |
"source": { | |
"start": { | |
"line": 37, | |
"column": 5 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 37, | |
"column": 16 | |
} | |
}, | |
"prop": "width", | |
"value": "100%" | |
} | |
], | |
"source": { | |
"start": { | |
"line": 35, | |
"column": 3 | |
}, | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"end": { | |
"line": 38, | |
"column": 3 | |
} | |
}, | |
"selector": "to" | |
} | |
] | |
} | |
], | |
"source": { | |
"input": { | |
"css": | |
"@charset \"utf-8\";\n\n@namespace svg url(http://www.w3.org/2000/svg);\n\n@import 'common.css' screen, projection;\n\n@media (min-width: 500px) {\n body {\n background-color: blue;\n }\n}\n\n@supports (display: grid) {\n div {\n display: grid;\n }\n}\n\n@page :first {\n margin: 2cm;\n}\n\n@font-face {\n font-family: 'Open Sans';\n src: url('/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),\n url('/fonts/OpenSans-Regular-webfont.woff') format('woff');\n}\n\n@keyframes slidein {\n from {\n margin-left: 100%;\n width: 300%;\n }\n\n to {\n margin-left: 0%;\n width: 100%;\n }\n}\n", | |
"file": "/path/to/test.css" | |
}, | |
"start": { | |
"line": 1, | |
"column": 1 | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment