1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51
div
width 40px
color: red
background: blue;
div {
background-{foo}: bar;
}
div
{foo} bar
----------------------------------------------------
[
["selector", ["div"]],
["property-declaration", [
["property", ["width"]], ["number", "40"], "px"
]],
["property-declaration", [
["property", ["color"]], ["punctuation", ":"], " red"
]],
["property-declaration", [
["property", ["background"]], ["punctuation", ":"], " blue", ["punctuation", ";"]
]],
["selector", ["div ", ["punctuation", "{"]]],
["property-declaration", [
["property", [
"background-",
["interpolation", [
["punctuation", "{"], "foo", ["punctuation", "}"]
]]
]],
["punctuation", ":"],
" bar",
["punctuation", ";"]
]],
["punctuation", "}"],
["selector", ["div"]],
["property-declaration", [
["property", [
["interpolation", [
["punctuation", "{"], "foo", ["punctuation", "}"]
]]
]],
" bar"
]]
]
----------------------------------------------------
Checks for property declarations.