Re: [csswg-drafts] [css-logical] Syntax for `margin`-like shorthands

Agree with @fantasai. Now I feel original `relative` keyword or `-relative` suffix were better. However, I think the word `relative` also has obscurity. People may think the `relative` is related to `position: relative`, and may not notice that it is about "flow-relative-directional". Of course we can not choose such a long name.

How about `margin-bi` (suffix `-bi`, stands for "block and inline")? I know this is exceptional in CSS property naming convention (avoid abbreviations and use complete words), but has the following advantages:

- easy to type, only three additional characters to the original name
- we have `*-block` and `*-inline` properties, and making the combined shorthand names using the first letters of "block" and "inline" will be easy to understand
- "bi" indicates the order of values, block is first then inline, and convenient to remember the value syntax

and CSS already has abbreviations in some keywords, e.g., "rl" (for "right to left direction") in `vertical-rl` value of `writing-mode`, and using "bi" for "block and inline directions" will be not too bad.

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

Received on Saturday, 29 April 2017 03:26:03 UTC