@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

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…

@Hariprasath Thanks! It’s in documentation, but anyway

@matepaiva never mind, I figured out. I had a problem because of an older quasar cli in project, probably. On new quasar project everything is working fine.

Thanks man, it was so helpful!!!

@matepaiva would you mind to explain what is the best way to add jsx babel to the latest quasar? I would like to use some jsx, but I can’t figure out the right way to do it.

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…