OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script src="../../http/tests/inspector/inspector-test.js"></script> | 3 <script src="../../http/tests/inspector/inspector-test.js"></script> |
4 <script src="../../http/tests/inspector/elements-test.js"></script> | 4 <script src="../../http/tests/inspector/elements-test.js"></script> |
5 <script src="./sass-test.js"></script> | 5 <script src="./sass-test.js"></script> |
6 <style> | 6 <style> |
7 pre { | 7 pre { |
8 font-family: monospace; | 8 font-family: monospace; |
9 } | 9 } |
10 </style> | 10 </style> |
(...skipping 16 matching lines...) Expand all Loading... |
27 function getSASS() | 27 function getSASS() |
28 { | 28 { |
29 return document.querySelector(".snippet").textContent; | 29 return document.querySelector(".snippet").textContent; |
30 } | 30 } |
31 | 31 |
32 </script> | 32 </script> |
33 </head> | 33 </head> |
34 | 34 |
35 <body onload="runTest()"> | 35 <body onload="runTest()"> |
36 <p> | 36 <p> |
37 Verifies AST of SCSS with missing trailing semicolon after last property. | 37 Verifies AST of SCSS with @for control statement. |
38 </p> | 38 </p> |
39 <pre class="snippet"> | 39 <pre class="snippet"> |
40 body { | 40 @for $i from 1 through 3 { |
41 /* padding-top: 5em; */ | 41 .box#{$i} { |
42 margin: 0 auto | 42 color: $color; |
| 43 margin: 10px; |
| 44 } |
43 } | 45 } |
44 | |
45 body { | |
46 color: red; | |
47 /* margin: 0 auto */ | |
48 } | |
49 | |
50 </pre> | 46 </pre> |
51 </body> | 47 </body> |
52 </html> | 48 </html> |
OLD | NEW |