title: How to use stencil with third-party css library
body: <p>I'm trying out <a href="https://stenciljs.com/" rel="nofollow noreferrer">stenciljs</a> for the first time. I want to build a little application and not just a reusable web component.</p>
  <p>My question is if there's any possibility to add a third-party CSS library like <strong>Bootstrap</strong>, <strong>Skeleton</strong> or <strong>Bulma</strong> to my app.</p>
  <p>I tried the following things, but none of them seem to work:</p>
  <h2>Example 1:</h2>
  <p>Simply adding a CDN <code>&lt;link rel=&quot;stylesheet&quot; href=&quot;link-here&quot;&gt;</code> in the <code>index.html</code> did not work.</p>
  <h2>Example 2:</h2>
  <p>I installed the Bulma CSS library with <code>npm</code> and tried to import it in the <code>app.css</code> file like this:</p>
  <pre><code>@import &quot;../../node_modules/bulma/css/bulma.min.css&quot;;
  </code></pre>
  <p>or</p>
  <pre><code>@import url(&quot;https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css&quot;);
  </code></pre>
  <p>The docs say that <code>app.css</code> is for global styles. But this method didn't work either.</p>
  <p>How can I add a third-party CSS library to my stencil project?</p>