Support for `logical properties`

[Xaviju]

As an email developer, it would be useful for me if can I email displays current support for CSS logical properties

Current support in browsers is quite big (https://caniuse.com/css-logical-props) and would be nice to keep track of it in email as well. Do you think it should be added?

Thanks!

[husseinalhammad]

There has been some recent PRs for logical properties: #261, #262, #263

Using this MDN page as a reference (https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties), here is what has been added and what is still missing:

Properties for sizing

• block-size
• inline-size
• max-block-size
• max-inline-size
• min-block-size
• min-inline-size

Properties for margins, borders and padding

• border-block
• border-block-color
• border-block-end
• border-block-end-color
• border-block-end-style
• border-block-end-width
• border-block-start
• border-block-start-color
• border-block-start-style
• border-block-start-width
• border-block-style
• border-block-width
• border-color
• border-inline
• border-inline-color
• border-inline-end
• border-inline-end-color
• border-inline-end-style
• border-inline-end-width
• border-inline-start
• border-inline-start-color
• border-inline-start-style
• border-inline-start-width
• border-inline-style
• border-inline-width
• border-start-start-radius
• border-start-end-radius
• border-end-start-radius
• border-end-end-radius
• margin-block
• margin-block-end
• margin-block-start
• margin-inline
• margin-inline-end
• margin-inline-start
• padding-block
• padding-block-end
• padding-block-start
• padding-inline
• padding-inline-end
• padding-inline-start

Properties for floating and positioning

• clear (inline-end and inline-start keywords)
• float (inline-end and inline-start keywords)
• inset
• inset-block
• inset-block-end
• inset-block-start
• inset-inline
• inset-inline-end
• inset-inline-start

Other properties

• caption-side (inline-end and inline-start keywords)
• overflow-block
• overflow-inline
• overscroll-behavior-block
• overscroll-behavior-inline
• resize (block and inline keywords)
• text-align (end and start keywords)

[DCoder18]

Just an update on this. The following properties has been added to caniemail.

• max-inline size
• min-block size
• float
• inset
• resize

[husseinalhammad]

Thanks, @DCoder18. I've updated the list.

[DCoder18]

There have been more updates on this. The following properties have been added to caniemail.

inset logical

• inset-block
• inset-block-end
• inset-block-start
• inset-inline
• inset-inline-end
• inset-inline-start

Merged PR: #470

overflow logical

• overflow-block
• overflow-inline

Merged PR: #467

---

In addition, I realized I had not included the logical properties as keywords earlier, which I have opened PRs for now.

• inset
• overflow