title: Sass dynamic imports
body: <p>This is my code:</p>
  <pre class="lang-css prettyprint-override"><code>@for $i from 1 through 4 {
      @if $i != 3 {
          @import &quot;./wb_app#{$i}/main.scss&quot;;
      }
  }
  </code></pre>
  <p>Which produces this error:</p>
  <pre class="lang-sh prettyprint-override"><code>Error: This at-rule is not allowed here.
     ╷
  16 │         @import &quot;./wb_app#{$i}/main.scss&quot;;
     │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     ╵
  scss\webs\apps\_main.scss 16:9  root stylesheet
  scss\main.scss 9:9              root stylesheet
  </code></pre>
  <p>Can anybody find me a way to <code>@import</code> all the &quot;main&quot; SCSS files from each <code>wb_app[$1]</code>?</p>
  <p>File-tree:</p>
  <pre><code>|-- app
  |    |-- wb_app1
  |    |   `-- _main.scss
  |    |-- wb_app2
  |    |   `-- _main.scss
  |    |-- wb_app3
  |    |   `-- (empty)
  |    `-- wb_app[$n]
  |        `-- _main.scss
  `-- all.scss
  </code></pre>