Flexbox gap introduction

[fairking]

Hi everyone,

I could not find so far any gap spacing classes available in Quasar. I wish we can introduce such.
So there are gap, column-gap and row-gap css properties. See the doc: https://developer.mozilla.org/en-US/docs/Web/CSS/gap

It would be nice to have something like:

• q-ga-[none|auto|xs|sm|md|lg|xl] - item gap
• q-gc-[none|auto|xs|sm|md|lg|xl] - column gap
• q-gr-[none|auto|xs|sm|md|lg|xl] - row gap

or

• q-ga-[none|auto|xs|sm|md|lg|xl] - item gap
• q-gx-[none|auto|xs|sm|md|lg|xl] - column gap
• q-gy-[none|auto|xs|sm|md|lg|xl] - row gap

[arbisyarifudin]

I think you can you q-gutter-[none|auto|xs|sm|md|lg|xl]

[stefanvanherwijnen]

Or q-col-gutter-[none|auto|xs|sm|md|lg|xl].

[fairking]

Thank you. I have found the following doc: https://quasar.dev/layout/grid/gutter

But so far as I can see it is using margin css, not gap one.