Big props to dev team!!! Quasar rules

Thanks @metalsadman yes i know i read that … but @benoitranque explainded it better for my taste

Thanks @benoitranque this should be linked in documentation. Finally simple and understandable explanation of the view property!

Thanks for your elaborative interrogation @dgk. It’s true what you said, I noticed that I need quite a lot of tweaking to get visual style that I want with Quasar. Hopefully Quasar theming will get some love from dev team … for now “theme builder” (https://quasar.dev/style/theme-builder) is pretty basic… But overall quality and flexibility of whole framework is a few light years ahead of the competition, so I’m not complaining

I’m also interested to know this. Any insight welcome…

This is similar as @qyloxe code, just extended to other properties, so it can be used for padding, margin, etc.

fluid-type($properties, $min-vw, $max-vw, $min-value, $max-value)
  for $property in $properties
    {$property} $min-value
  
  @media screen and (min-width: $min-vw)
    for $property in $properties
      {$property} "calc(%s + %s * ((100vw - %s) / %s)) !important" % ($min-value (remove-unit($max-value - $min-value)) $min-vw (remove-unit($max-vw - $min-vw)))

  @media screen and (min-width: $max-vw)
    for $property in $properties
      {$property} $max-value

// Single property example
:root
  fluid-type(font-size, 320px, 1920px, 16px, 24px)

// Multiple property example
h1
  fluid-type(padding-left padding-right, 320px, 1920px, 10px, 30px)

Works for me… Props to Fredrik Beckius! There are also more sophisticated versions, for example to make different scales for different breakpoints…

@digiproduct well I found it here on this page on @qyloxe explanation. But on the end of the day for me works better stylus function (thanks!!! @qyloxe). Forget about q-markdown, it was my mistake… I just needed to overwrite stuff in markdown.styl. Consider this solved

sorry i thought on my computer (win10, quasar 1.05, etc ) and rfs is https://github.com/twbs/rfs

On my box rfs is not working with q-markdown (quasar ext add @quasar/qmarkdown), which is fantactic extension. I’m totally new user (5 days of Quasar experience). Any idea, how can I make rfs to work with my markdown text?

Thanks @Martin for posting this simple guide. I use this nice font installer https://github.com/lordgiotto/google-font-installer so using google fonts in QUasar is a breeze. Besides this I use excellent AI based https://fontjoy.com/ for font pairing, because I’m pretty talentless for font pairing
I think it is the same guy who stands behind http://colormind.io/ which is also an excellent AI based color palette generator.