|
1 | 1 | <link rel="stylesheet" href="./linked.css" />
|
2 | 2 |
|
3 |
| -<h1>CSS</h1> |
4 |
| - |
5 |
| -<p class="linked"><link>: This should be blue</p> |
6 |
| -<p class="linked-at-import">@import in <link>: This should be red</p> |
7 |
| - |
8 |
| -<p class="imported">import from js: This should be green</p> |
9 |
| -<p class="imported-at-import"> |
10 |
| - @import in import from js: This should be purple |
11 |
| -</p> |
12 |
| -<p>Imported css string:</p> |
13 |
| -<pre class="imported-css"></pre> |
14 |
| - |
15 |
| -<p class="postcss"> |
16 |
| - <span class="nesting">PostCSS nesting plugin: this should be pink</span> |
17 |
| -</p> |
18 |
| - |
19 |
| -<p class="sass">sass: This should be orange</p> |
20 |
| -<p class="sass-at-import">@import from SASS: This should be olive</p> |
21 |
| -<p>Imported SASS string:</p> |
22 |
| -<pre class="imported-sass"></pre> |
23 |
| - |
24 |
| -<p class="modules">CSS modules: this should be turquoise</p> |
25 |
| -<p>Imported CSS module:</p> |
26 |
| -<pre class="modules-code"></pre> |
27 |
| - |
28 |
| -<p class="modules-sass">CSS modules w/ SASS: this should be orangered</p> |
29 |
| -<p>Imported SASS module:</p> |
30 |
| -<pre class="modules-sass-code"></pre> |
| 3 | +<div class="wrapper"> |
| 4 | + <h1>CSS</h1> |
| 5 | + |
| 6 | + <p class="linked"><link>: This should be blue</p> |
| 7 | + <p class="linked-at-import">@import in <link>: This should be red</p> |
| 8 | + |
| 9 | + <p class="imported">import from js: This should be green</p> |
| 10 | + <p class="imported-at-import"> |
| 11 | + @import in import from js: This should be purple |
| 12 | + </p> |
| 13 | + <p>Imported css string:</p> |
| 14 | + <pre class="imported-css"></pre> |
| 15 | + |
| 16 | + <p class="postcss"> |
| 17 | + <span class="nesting">PostCSS nesting plugin: this should be pink</span> |
| 18 | + </p> |
| 19 | + |
| 20 | + <p class="sass">sass: This should be orange</p> |
| 21 | + <p class="sass-at-import">@import from SASS: This should be olive</p> |
| 22 | + <p>Imported SASS string:</p> |
| 23 | + <pre class="imported-sass"></pre> |
| 24 | + |
| 25 | + <p class="modules">CSS modules: this should be turquoise</p> |
| 26 | + <p>Imported CSS module:</p> |
| 27 | + <pre class="modules-code"></pre> |
| 28 | + |
| 29 | + <p class="modules-sass">CSS modules w/ SASS: this should be orangered</p> |
| 30 | + <p>Imported SASS module:</p> |
| 31 | + <pre class="modules-sass-code"></pre> |
| 32 | +</div> |
31 | 33 |
|
32 | 34 | <script type="module" src="./main.js"></script>
|
0 commit comments