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

I prefer the second option with `!logical` and `!physical`.

It should respect both bangs if you have 
`margin: 10px 20px !logical !important;`

I see an issue with the `@property-type logical;` switch.
If you have 3rd party css written with physical dimensions in mind going into your project that has been written with logical dimensions in mind, the switch could break the 3rd party CSS layout.

It would be better if there was a CSS property that you set on the `html` element that is then inherited down to all children elements. You then overide that property on a child element. 

If there is a technical reason that it needs to be an `@rule` sort of thing, then can we exclude elements?
Eg. `@property-type logical exclude(.thirdParty1, .thirdParty2 .child);`

The selected elements, and everything inside them, ignore the logical property type switch and are then layed out using physical dimensions instead of logical dimensions.

-- 
GitHub Notification of comment by Dan503
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1282#issuecomment-1249932885 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 16 September 2022 23:24:23 UTC