OLD | NEW |
(Empty) | |
| 1 Verifies CSS AST for simple input. |
| 2 |
| 3 div { |
| 4 /* display: flex; */ |
| 5 color: red; |
| 6 background-color: blue; |
| 7 /* position: absolute; */ |
| 8 } |
| 9 |
| 10 div .className { |
| 11 padding: 10px 0 0 10px; |
| 12 /* font-family: "Times New Roman"; */ |
| 13 background-image: url(assets/no-image-set.png); |
| 14 } |
| 15 |
| 16 div .className #test::before { |
| 17 margin: 10px 10px; |
| 18 content: "test me"; |
| 19 /* border: 1px solid black; */ |
| 20 } |
| 21 === AST === |
| 22 rule 0: "div" |
| 23 property 0 |
| 24 name: "display" |
| 25 range: {"startLine":1,"startColumn":7,"endLine":1,"endColumn":14} |
| 26 value: " flex" |
| 27 range: {"startLine":1,"startColumn":15,"endLine":1,"endColumn":20} |
| 28 range: {"startLine":1,"startColumn":4,"endLine":1,"endColumn":24} |
| 29 disabled: true |
| 30 property 1 |
| 31 name: "color" |
| 32 range: {"startLine":2,"startColumn":4,"endLine":2,"endColumn":9} |
| 33 value: " red" |
| 34 range: {"startLine":2,"startColumn":10,"endLine":2,"endColumn":14} |
| 35 range: {"startLine":2,"startColumn":4,"endLine":2,"endColumn":15} |
| 36 disabled: false |
| 37 property 2 |
| 38 name: "background-color" |
| 39 range: {"startLine":3,"startColumn":4,"endLine":3,"endColumn":20} |
| 40 value: " blue" |
| 41 range: {"startLine":3,"startColumn":21,"endLine":3,"endColumn":26} |
| 42 range: {"startLine":3,"startColumn":4,"endLine":3,"endColumn":27} |
| 43 disabled: false |
| 44 property 3 |
| 45 name: "position" |
| 46 range: {"startLine":4,"startColumn":7,"endLine":4,"endColumn":15} |
| 47 value: " absolute" |
| 48 range: {"startLine":4,"startColumn":16,"endLine":4,"endColumn":25} |
| 49 range: {"startLine":4,"startColumn":4,"endLine":4,"endColumn":29} |
| 50 disabled: true |
| 51 rule 1: "div .className" |
| 52 property 0 |
| 53 name: "padding" |
| 54 range: {"startLine":8,"startColumn":4,"endLine":8,"endColumn":11} |
| 55 value: " 10px 0 0 10px" |
| 56 range: {"startLine":8,"startColumn":12,"endLine":8,"endColumn":26} |
| 57 range: {"startLine":8,"startColumn":4,"endLine":8,"endColumn":27} |
| 58 disabled: false |
| 59 property 1 |
| 60 name: "font-family" |
| 61 range: {"startLine":9,"startColumn":7,"endLine":9,"endColumn":18} |
| 62 value: " "Times New Roman"" |
| 63 range: {"startLine":9,"startColumn":19,"endLine":9,"endColumn":37} |
| 64 range: {"startLine":9,"startColumn":4,"endLine":9,"endColumn":41} |
| 65 disabled: true |
| 66 property 2 |
| 67 name: "background-image" |
| 68 range: {"startLine":10,"startColumn":4,"endLine":10,"endColumn":20} |
| 69 value: " url(assets/no-image-set.png)" |
| 70 range: {"startLine":10,"startColumn":21,"endLine":10,"endColumn":50} |
| 71 range: {"startLine":10,"startColumn":4,"endLine":10,"endColumn":51} |
| 72 disabled: false |
| 73 rule 2: "div .className #test::before" |
| 74 property 0 |
| 75 name: "margin" |
| 76 range: {"startLine":14,"startColumn":4,"endLine":14,"endColumn":10} |
| 77 value: " 10px 10px" |
| 78 range: {"startLine":14,"startColumn":11,"endLine":14,"endColumn":21} |
| 79 range: {"startLine":14,"startColumn":4,"endLine":14,"endColumn":22} |
| 80 disabled: false |
| 81 property 1 |
| 82 name: "content" |
| 83 range: {"startLine":15,"startColumn":4,"endLine":15,"endColumn":11} |
| 84 value: " "test me"" |
| 85 range: {"startLine":15,"startColumn":12,"endLine":15,"endColumn":22} |
| 86 range: {"startLine":15,"startColumn":4,"endLine":15,"endColumn":23} |
| 87 disabled: false |
| 88 property 2 |
| 89 name: "border" |
| 90 range: {"startLine":16,"startColumn":7,"endLine":16,"endColumn":13} |
| 91 value: " 1px solid black" |
| 92 range: {"startLine":16,"startColumn":14,"endLine":16,"endColumn":30} |
| 93 range: {"startLine":16,"startColumn":4,"endLine":16,"endColumn":34} |
| 94 disabled: true |
| 95 ====== |
| 96 Ranges OK. |
| 97 |
OLD | NEW |