Treat columns property as a unitless number

[aweary]

Resolves #10043

[gaearon]

Can't it also specify width? https://css-tricks.com/almanac/properties/c/columns/
Have you verified this is the right fix?

[aweary]

@gaearon yes, it's a shorthand property like flex. If you provide only a number it's assumed you are setting column-count and column-width is defaulted to auto

<div style={{ columns: 2 }} />
// Renders `columns: auto 2`

If you provide an explicit pixel value it assumes you're setting the column-width and column-count defaults to auto.

<div style={{ columns: "320px" }} />
// Renders `columns: 320px auto`

Since it's already assumed that a single numerical value represents column-count we should be consistent with that by treating it as a unitless number.

[nhunzaker]

Flex box is a good reference point. I'd be in favor of matching it.

[gaearon]

👍 Leaving this up to you folks