Steps to replicate the issue (include links if applicable):
- Try to use logical CSS properties like border-block-end-color, padding-inline, margin-block-start
What happens?:
The CSS can't be saved, with the error Unrecognized or unsupported property.
What should have happened instead?:
The CSS should be accepted.
Software version (skip for WMF-hosted wikis like Wikipedia):
Other information (browser name/version, screenshots, etc.):
MDN page about logical properties: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties
The main ones which would be useful in templates are the border, margin and padding ones where it should support block, block-start, block-end, inline, inline-start, inline-end where it currently supports left, right, top and bottom.
These are useful for writing CSS which depends on the writing mode and text direction, e.g. border-inline-start is equivalent to border-left for ltr text, border-right for rtl text and border-top for vertical text.