@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

kosirm
@kosirm
I've been a punk musician, poet, journalist, social worker, fish industry worker and missionary. For the last 20 years I develop and design software. I live in Pula, Croatia with my wife and our five children.
Best posts made by kosirm
-
RE: fluid typography - SOLVED
-
RE: fluid typography - 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…
Latest posts made by kosirm
-
RE: Access files in the root with simple method
@Hariprasath Thanks! It’s in documentation, but anyway
-
RE: Is it wrong to use jsx with Quasar?
@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.
-
RE: Is it wrong to use jsx with Quasar?
@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.
-
RE: Quasar 1.1.0 released! New component (QVirtualScroll) & many other new things, a LOT of improvements and fixes.
Big props to dev team!!! Quasar rules
-
RE: Questions about layout
Thanks @metalsadman yes i know i read that … but @benoitranque explainded it better for my taste
-
RE: Questions about layout
Thanks @benoitranque this should be linked in documentation. Finally simple and understandable explanation of the view property!
-
RE: fluid typography - SOLVED
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
-
RE: fluid typography - 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…