title: Nuxt how to override global css for a page
body: <p>I have a project with multiple layouts, I have added the CSS globally in <code>nuxt.config.js</code> file like this:</p>
  <pre class="lang-js prettyprint-override"><code>  css: [
      '@/assets/plugins/fontawesome-free/css/all.min.css',
      '@/assets/plugins/ionicons/css/ionicons.min.css',
      '@/assets/plugins/feather/feather.css',
      '@/assets/css/style.css',
      '@/assets/css/custom-style.css',
      '@/assets/css/skins.css',
    ]
  </code></pre>
  <p>but I want for just 1 layout to remove all css imported because the file being served is a static HTML file with all the styles inline.</p>
  <p>Is this possible in nuxt and if not, what is the best possible workaround?</p>