Implement {inline-,block-}size and {min-,max-}{inline-,block-}size, which are introduced by CSS Logical Properties. The related properties are: inline-size, block-size , min-inline-size,min-block-size, max-inline-size, max-block-size Provide the author with the ability to control layout through logical, rather than physical, direction and dimension mappings.
Docs: https://developer.mozilla.org/docs/Web/CSS/CSS_Logical_Properties https://drafts.csswg.org/css-writing-modes/#logical-to-physical
Samples: https://jsfiddle.net/xuxing/fL8rpcko/ https://jsfiddle.net/xuxing/433e3fdw/ https://jsfiddle.net/xuxing/25xh1mpn/ https://jsfiddle.net/xuxing/ug00c0vj/