Owerwriting and disabling quasar default style



  • Hi,

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

    8cc4157d-64ab-4574-9f70-e42a2ad0776f-image.png

    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:
    c2f0a343-e1f5-4d33-a2c7-87e1938694e1-image.png

    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.


Log in to reply