[css-logical] Add `size` shorthand? (size, min-size, max-size)

[brianewing]

Logical Properties and Values Level 1 defines inline-size and block-size, logical mappings for width and height.

In stylesheets, we often want to set the same value for both dimensions:

foo-container {
  inline-size: 100%;
  block-size: 100%;
}

cool-widget {
  max-inline-size: 100%;
  max-block-size: 100%;
}

canvas {
  min-width: 0;
  min-height: 0;
}

Would the WG consider adding size as a shorthand property:

foo-container { size: 100% }
cool-widget { max-size: 100% }
canvas { min-size: 0 }

Similar to inset, margin, padding, etc, it could help authors write more expressive stylesheets.

A two-value form would support flow-relative syntax for shorthands: #1282

[SebastianZ]

There is already a long discussion about introducing such shorthands in #820. You may want to add your feedback there.

Sebastian

[brianewing]

Thanks @SebastianZ 🙂.