RE: [css3-flexbox][css3-align] directional keywords

� From: fantasai [mailto:fantasai.lists@inkedblade.net] 
� Sent: Wednesday, May 30, 2012 3:18 PM
� To: www-style@w3.org
� Subject: [css3-flexbox][css3-align] directional keywords
� 
� So by the powers delegated to us by the CSSWG[1], Tab and I have
� RESOLVED:
� 
�    * The 'start' and 'end' values of the flex alignment properties
�      will be renamed to 'flex-start' and 'flex-end', to make it
�      clear that they are flex-flow relative, not writing-mode relative.
� 
�    * In layout models other than Flexbox, 'flex-start' will
�      degrade to the writing-mode relative 'start' or 'head',
�      whichever is in the appropriate dimension; likewise
�      'flex-end' will degrade to 'end' or 'foot' as appropriate.
� 
�    * CSS3 Box Alignment will introduce 'start'/'end' as writing-mode
�      relative values for 'justify-*', and 'head'/'foot' as writing-mode
�      relative values for 'align-*'.
� 
�    * When applied to the flex layout model, 'start' and 'head' will be
�      folded together, representing the 'start' or 'head' side, whichever
�      is in the appropriate dimension. Likewise with 'end' and 'foot'.
�      This will provide writing-mode-relative alignment for Flexbox.
�

Can you show an example of how this works after all the changes?

If in older syntax we had something like this:

	div {
		display:flex;
		flex-pack:end;
		flex-align:start;
	}
	img {
		flex-item-align:end;
	}

What will it be now?

Received on Thursday, 31 May 2012 00:31:30 UTC