Override font size - Githubissues

quasarframework / quasar-ui-qmarkdown

A Quasar UI App Extension to display inline markdown

https://quasarframework.github.io/quasar-ui-qmarkdown/

MIT License

157 stars 28 forks source link

Override font size #377

Closed JacksonBowe closed 1 year ago

JacksonBowe commented 2 years ago

Inside QMarkdown.sass file there are a number of css settings that I would like to override. Unfortunately I can't because they are tagged with "!important".

eg:

&--heading

    &-h1
      font-size: 3rem !important
      line-height: 2rem !important
      padding: 1rem 0
      font-weight: 500
      margin: 0 0 1rem

As far as I can tell this makes it impossible to change the font size of header elements.

If there is a way I'm missing would be much appreciated. Cheers

nucle commented 1 year ago

Hi, you can override the style I pasted an example. In the next release I will check another solution.

.q-markdown--heading-h1 {
  color: orange;
  font-size: 6rem !important;
  line-height: 4rem !important
}

BR, nucle