No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    How not to use global CSS style from Quasar, only in components

    Help
    2
    2
    407
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • E
      embluk last edited by embluk

      Is it possible to turn off global CSS styles that the Quasar CSS file uses and only use styles for when a component is used? For example, I don’t want Quasar to change any h1 or p tags globally, only inside a Quasar component when I use one?

      I am using the Quasar UMD/ CDN install but cannot find an option or configuration for what I am trying to do? Ideally I don’t want to have to change everything manually by overriding styles.

      Thanks, Luke

      I 1 Reply Last reply Reply Quote 0
      • I
        Ilia @embluk last edited by

        @embluk You can try to use parent for offsetting that

        .parent-class {
        all: initial;
        }
        .parrent-class h1, .parrent-class h2, .parrent-class .etc {
        all: unset;
        }

        Then, just wrap <h1>, <h2>, etc. with <div class=“parent-class”></div>

        Hope that works

        1 Reply Last reply Reply Quote 1
        • First post
          Last post