| 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 |