qwik icon indicating copy to clipboard operation
qwik copied to clipboard

Change global.css to global.scss loaded from root.tsx not working anymore

Open Zorgatone opened this issue 3 years ago • 0 comments

Qwik Version

0.0.39

Operating System (or Browser)

chrome 103 on windows 11

Node Version (if applicable)

node 18

Which component is affected?

Qwik Rollup / Vite plugin

Expected Behaviour

From the qwik starter, the root component loads the global.css styles and the App component like this:

import { App } from "./components/app/app";

import "./global.css";

export default () => {
  return (
    <html>
      <head>
        <meta charSet="utf-8" />
        <title>Qwik Blank App</title>
      </head>
      <body>
        <App />
      </body>
    </html>
  );
};

If I change import "./global.css"; to import "./global.scss"; and rename the file global.css to global.scss it should load the styles and apply them in the page if sass is installed.

Actual Behaviour

If I change import "./global.css"; to import "./global.scss"; and rename the file global.css to global.scss it does NOT load the styles and apply them in the page even if sass is installed. It compiles the scss styles but does not seem to load them in the page somehow, without any warning or error message anywhere (all the other scss styles in the app are working though)

Additional Information

No response

Zorgatone avatar Aug 09 '22 14:08 Zorgatone