Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. kosirm
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 18
    • Best 2
    • Groups 0

    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.

    2
    Reputation
    239
    Profile views
    18
    Posts
    0
    Followers
    0
    Following
    Joined Last Online
    Website kosirm.netlify.com Location Pula, Croatia

    kosirm Follow

    Best posts made by kosirm

    • RE: fluid typography - SOLVED

      @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 🙂

      posted in Framework
      kosirm
      kosirm
    • 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…

      posted in Framework
      kosirm
      kosirm

    Latest posts made by kosirm

    • RE: Access files in the root with simple method

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

      posted in Framework
      kosirm
      kosirm
    • 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.

      posted in Help
      kosirm
      kosirm
    • RE: QAutomate [DEPRECATED]

      Thanks man, it was so helpful!!!

      posted in [v1] App Extensions
      kosirm
      kosirm
    • 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.

      posted in Help
      kosirm
      kosirm
    • 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 🙂

      posted in Announcements
      kosirm
      kosirm
    • RE: Questions about layout

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

      posted in Help
      kosirm
      kosirm
    • RE: Questions about layout

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

      posted in Help
      kosirm
      kosirm
    • 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 🙂

      posted in Framework
      kosirm
      kosirm
    • RE: PurgeCSS

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

      posted in Framework
      kosirm
      kosirm
    • 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…

      posted in Framework
      kosirm
      kosirm