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