Hi,

let’s say I would like to give the header a gradient color

Then I can con got the app.scss and set it to:

.q-layout__section--marginal {
  background: linear-gradient(to right, #3a1c71, #d76d77, #ffaf7b);
}

But when I check the output in the browser. There is still the existing style:

How can I get rid of the existing style to not increase the css bundle size?

I plan to overwrite a lot. So I think it is worth the effort.

Hi,

let’s say I would like to give the header a gradient color

Then I can con got the app.scss and set it to:

.q-layout__section--marginal {
  background: linear-gradient(to right, #3a1c71, #d76d77, #ffaf7b);
}

But when I check the output in the browser. There is still the existing style:

How can I get rid of the existing style to not increase the css bundle size?

I plan to overwrite a lot. So I think it is worth the effort.