Re: [csswg-drafts] [css-logical] Flow-relative syntax for `margin`-like shorthands (#1282)

@Loirooriol yes, I would expect if at any point, logical flow was added to the parent, the margins would become logical. This would also make it easier to port over codebases that set styles in JS to logical properties.

Order wouldn't matter here in terms of *when* the properties are adjusted -- the browser would parse the margins differently based on `flow-mode`. `flow-mode` will inherit to the parent, unless it is reset on the given element, so it's possible to have logical flow in a parent and physical flow in a child.

For the expansion example, the expanded sequence will always be rendered in the same `flow-mode` as any other margin set on the element, so it shouldn't collide. This is true for physical margin properties (top, left, bottom, right)

In the case that `flow-mode` is set to `physical`, and a logical value is set (margin-inline-start, margin-block-start, etc.), will be converted to their physical counterparts of margin-left, margin-top, etc.

When no `flow-mode` is set on any element up the tree, the default values for `margin-top` vs. `margin-block-start` apply.

GitHub Notification of comment by una
Please view or discuss this issue at using your GitHub account

Received on Tuesday, 9 June 2020 19:56:26 UTC