Gap values in Grid and Flex

[alekoii]

It only shows when an element is grid or flex. Being able to see the amount of gap they have will be very helpful.

[argyleink]

this sounds like a devtools request?

[alekoii]

@argyleink Sorry, I am not sure what you mean. Dev tools can already show this. But visbug is more visual in its interface so it will be better to hover over something and see the gap for flex box and grids. So I don't have to manually inspect elements and check in dev tools. Eg. If I have set a layout of a section with flex, I would like to see if the flex is taking equal gaps and not having issues with additional margins.

[argyleink]

i see!

related to #273

[jogibear9988]

I've it like this in my designer (https://node-projects.github.io/web-component-designer-demo/index.html):