This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
topics:alignment-names [2012/05/22 23:46] – fantasai | topics:alignment-names [2014/12/09 15:48] (current) – external edit 127.0.0.1 | ||
---|---|---|---|
Line 4: | Line 4: | ||
Spec_tags | Spec_tags | ||
Owner_tags | Owner_tags | ||
- | Status_tags | + | Status_tags |
Added_dt | Added_dt | ||
Action | Action | ||
Line 11: | Line 11: | ||
Agenda_urls | Agenda_urls | ||
---- | ---- | ||
+ | |||
+ | === RESOLVED === | ||
+ | |||
+ | The WG resolved to go with Option D based on a straw poll in a telcon: justify-self/ | ||
=== Background === | === Background === | ||
Line 59: | Line 63: | ||
B | justify-inside | B | justify-inside | ||
C | justify-items | C | justify-items | ||
+ | |||
+ | Added after initial discussions... | ||
Set 4: Self/ | Set 4: Self/ | ||
Line 70: | Line 76: | ||
+--------X----------------Y------ | +--------X----------------Y------ | ||
- | A | inline-align-self | + | A | align-self-inline |
- | B | inline-align-content | + | B | align-content-inline |
- | C | inline-align-items | + | C | align-items-inline |
=== Summary of Comments === | === Summary of Comments === | ||
Line 96: | Line 102: | ||
inner-align; | inner-align; | ||
child-outer-align; | child-outer-align; | ||
+ | | ||
However, I'm not completely sold to " | However, I'm not completely sold to " | ||
This case is better solved with a pseudo-class. | This case is better solved with a pseudo-class. | ||
Line 136: | Line 142: | ||
‘box-align’ sound odder (to me as a non-native speaker) than | ‘box-align’ sound odder (to me as a non-native speaker) than | ||
‘box-justification’/ | ‘box-justification’/ | ||
+ | | ||
‘default-*’ seems just wrong, not least because of the ‘default’ keyword. | ‘default-*’ seems just wrong, not least because of the ‘default’ keyword. | ||
+ | | ||
I think ‘box’ and ‘content’ are good terms and without doing further | I think ‘box’ and ‘content’ are good terms and without doing further | ||
reading (and thinking), I’m not sure why we need to be able to specify | reading (and thinking), I’m not sure why we need to be able to specify | ||
the default box alignment for items. | the default box alignment for items. | ||
+ | | ||
Regarding ‘outside’ and ‘inside’ (or maybe ‘outer’ and ‘inner’) I think | Regarding ‘outside’ and ‘inside’ (or maybe ‘outer’ and ‘inner’) I think | ||
the latter as proposed doesn’t match my mental model, which makes me prefer | the latter as proposed doesn’t match my mental model, which makes me prefer | ||
+ | | ||
+--------X--------------Y-------- | +--------X--------------Y-------- | ||
A | justify-outside | A | justify-outside | ||
Line 176: | Line 182: | ||
[[http:// | [[http:// | ||
- | I think I'm leaning towards | + | I think I'm leaning towards |
reasonably well with the flexbox model: | reasonably well with the flexbox model: | ||
| | ||
Line 185: | Line 191: | ||
Set on flex item: | Set on flex item: | ||
align-self | align-self | ||
+ | |||
+ | [[http:// | ||
+ | |||
+ | If you want to keep consistency with other CSS properties (border, | ||
+ | background-position, | ||
+ | property name and there should be a shorthand to modify both axises. | ||
=== Conclusions === | === Conclusions === |