This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
| topics:alignment-names [2012/05/22 23:46] – fantasai | topics:alignment-names [2012/05/23 09:09] – fantasai | ||
|---|---|---|---|
| Line 59: | Line 59: | ||
| 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 72: | ||
| +--------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 98: | ||
| 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 138: | ||
| ‘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 178: | ||
| [[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 187: | ||
| 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 === | ||