[csswg-drafts] [css-position] physical inset properties (#5005)

jonathantneal has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-position] physical inset properties ==
The [CSS Logical Properties and Values specification](https://drafts.csswg.org/css-logical-1/#position-properties) defines an `inset` shorthand property that sets physical values. This seems helpful because it follows consistent expectations with other directional shorthands.

It may also be helpful to CSS authors if the other physical inset properties were represented with `inset-*` prefixes for parity — `inset-top`, `inset-right`, `inset-bottom`, and `inset-left`.

```pcss
inset-top:    auto | <length-percentage>

inset-right:  auto | <length-percentage>

inset-bottom: auto | <length-percentage>

inset-left:   auto | <length-percentage>
```

A drawback to this proposal may be the lack of new functionality this syntactical sugar provides. CSS already has `top`, `right`, `bottom`, and `left` properties, and they are shorter in length.

This request is focused on providing familiarity to CSS authors by having both logical and physical `inset-*` properties. This request is intended to be thematically similar to the shorthand `gap` property and support for trailing commas.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5005 using your GitHub account

Received on Saturday, 25 April 2020 03:30:36 UTC