index.html — vite Source File

Source Code

<link rel="stylesheet" href="./linked.css" />

<div class="wrapper">
  <h1>CSS</h1>

  <p class="linked">&lt;link&gt;: This should be blue</p>
  <p class="linked-at-import">@import in &lt;link&gt;: This should be red</p>

  <p class="imported">import from js: This should be green</p>
  <p class="imported-at-import">
    @import in import from js: This should be purple
  </p>
  <p class="import-with-space">
    @import from file with space: This should be green and have a background
    image
  </p>
  <p>Imported css string:</p>
  <pre class="imported-css-glob"></pre>
  <pre class="imported-css-globEager"></pre>

  <p class="scoped">Imported scoped CSS</p>

  <p class="postcss">
    <span class="nesting">PostCSS nesting plugin: this should be pink</span>
  </p>
  <p class="inject-url">PostCSS plugin: this should have a background image</p>

  <p class="sass">SASS: This should be orange</p>
  <p class="sass-at-import">
    @import from SASS _index: This should be olive and have bg image
  </p>
  <p class="sass-at-import-alias">
    @import from SASS _index: This should be olive and have bg image which url
    contains alias
  </p>
  <p class="sass-at-import-relative">
    @import from SASS relative: This should be olive and have bg image
  </p>
  <p class="sass-at-import-replacement-alias">
    @import with replacement alias from SASS: This should be olive
  </p>
  <p class="sass-partial">@import from SASS _partial: This should be orchid</p>
  <p class="sass-url-starts-with-variable">url starts with variable</p>
  <p class="sass-url-starts-with-interpolation1">
    url starts with interpolation 1
  </p>
  <p class="sass-url-starts-with-interpolation2">
    url starts with interpolation 2
  </p>
  <p class="sass-url-starts-with-variable-concat">
    url starts with variable and contains concat
  </p>
  <p class="sass-url-starts-with-function-call">
    url starts with function call
  </p>
  <p>Imported SASS string:</p>
  <p class="sass-dep">
    @import dependency w/ no scss entrypoint: this should be lavender
  </p>
  <p class="sass-file-absolute">
// ... (184 more lines)