Re: [csswg-drafts] [css-align] Add shorthands for alignment properties

I agree that the most consistent ordering, based on other two-value 
CSS properties, is `justify-*` (inline/main-flex direction) followed 
by `align-*` (block/cross-flex direction).  In the default cases (grid
 in horizontal writing mode and flex with rows) this matches the 
normal (x,y) horizontal then vertical ordering.

I also agree with `place-*` as the prefix: it is a simple word, not 
used elsewhere in CSS syntax, and works equally well when discussing 
child items/content or self.

*Question about the general syntax:*

Would `place-items: center` be a valid shorthand for `justify-items: 
center` and `align-items: center`?  Or would you need to spell it out 
as `place-items: center / center` ?  (Or would `place-items: center` 
be equal to `place-items: center / initial`?)

Allowing a shorter shorthand would be nice, but it complicates the 
syntax, since the `align` and `justify` properties have different 
allowed values.  I would be tempted to force both values to be 
provided for `place-*`.  If for no other reason, it would help avoid 
name confusion: If you always see the `place-*` properties with two 
slash-separated values, it would help remind you that this is the 
property that sets two others!



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

Received on Thursday, 17 November 2016 19:51:55 UTC