Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(152)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/resources/grid-alignment.css

Issue 1407633003: [css-grid] Implementation of Baseline Self-Alignment (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Get advantage of recomputing the intrinsic size to solve the issues with orthogonal flows. Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* align-self */ 1 /* align-self */
2 .alignSelfAuto { align-self: auto; } 2 .alignSelfAuto { align-self: auto; }
3 .alignSelfStretch { align-self: stretch; } 3 .alignSelfStretch { align-self: stretch; }
4 .alignSelfStart { align-self: start; } 4 .alignSelfStart { align-self: start; }
5 .alignSelfEnd { align-self: end; } 5 .alignSelfEnd { align-self: end; }
6 .alignSelfCenter { align-self: center; } 6 .alignSelfCenter { align-self: center; }
7 .alignSelfRight { align-self: right; } 7 .alignSelfRight { align-self: right; }
8 .alignSelfLeft { align-self: left; } 8 .alignSelfLeft { align-self: left; }
9 9
10 .alignSelfFlexStart { align-self: flex-start; } 10 .alignSelfFlexStart { align-self: flex-start; }
11 .alignSelfFlexEnd { align-self: flex-end; } 11 .alignSelfFlexEnd { align-self: flex-end; }
12 12
13 .alignSelfSelfStart { align-self: self-start; } 13 .alignSelfSelfStart { align-self: self-start; }
14 .alignSelfSelfEnd { align-self: self-end; } 14 .alignSelfSelfEnd { align-self: self-end; }
15 15
16 .alignSelfCenterSafe { align-self: center safe; } 16 .alignSelfCenterSafe { align-self: center safe; }
17 .alignSelfCenterUnsafe { align-self: center unsafe; } 17 .alignSelfCenterUnsafe { align-self: center unsafe; }
18 .alignSelfEndSafe { align-self: end safe; } 18 .alignSelfEndSafe { align-self: end safe; }
19 .alignSelfEndUnsafe { align-self: end unsafe; } 19 .alignSelfEndUnsafe { align-self: end unsafe; }
20 20
21 .alignSelfBaseline { align-self: baseline; } 21 .alignSelfBaseline { align-self: baseline; }
22 22
23 /* align-items */ 23 /* align-items */
24 .alignItemsAuto { align-items: auto; } 24 .alignItemsAuto { align-items: auto; }
25 .alignItemsStretch { align-items: stretch; } 25 .alignItemsStretch { align-items: stretch; }
26 .alignItemsStart { align-items: start; } 26 .alignItemsStart { align-items: start; }
27 .alignItemsCenter { align-items: center; } 27 .alignItemsCenter { align-items: center; }
28 .alignItemsEnd { align-items: end; } 28 .alignItemsEnd { align-items: end; }
29 .alignItemsBaseline { align-items: baseline; }
29 30
30 .alignItemsCenterSafe { align-items: center safe; } 31 .alignItemsCenterSafe { align-items: center safe; }
31 .alignItemsCenterUnsafe { align-items: center unsafe; } 32 .alignItemsCenterUnsafe { align-items: center unsafe; }
32 .alignItemsEndSafe { align-items: end safe; } 33 .alignItemsEndSafe { align-items: end safe; }
33 .alignItemsEndUnsafe { align-items: end unsafe; } 34 .alignItemsEndUnsafe { align-items: end unsafe; }
34 35
35 /* align-content */ 36 /* align-content */
36 .alignContentBaseline { align-content: baseline; } 37 .alignContentBaseline { align-content: baseline; }
37 .alignContentLastBaseline { align-content: last-baseline; } 38 .alignContentLastBaseline { align-content: last-baseline; }
38 .alignContentStart { align-content: start; } 39 .alignContentStart { align-content: start; }
(...skipping 19 matching lines...) Expand all
58 59
59 .justifySelfFlexStart { justify-self: flex-start; } 60 .justifySelfFlexStart { justify-self: flex-start; }
60 .justifySelfFlexEnd { justify-self: flex-end; } 61 .justifySelfFlexEnd { justify-self: flex-end; }
61 62
62 .justifySelfSelfStart { justify-self: self-start; } 63 .justifySelfSelfStart { justify-self: self-start; }
63 .justifySelfSelfEnd { justify-self: self-end; } 64 .justifySelfSelfEnd { justify-self: self-end; }
64 65
65 .justifySelfCenterSafe { justify-self: center safe; } 66 .justifySelfCenterSafe { justify-self: center safe; }
66 .justifySelfCenterUnsafe { justify-self: center unsafe; } 67 .justifySelfCenterUnsafe { justify-self: center unsafe; }
67 68
69 .justifySelfBaseline { justify-self: baseline; }
70
68 /* justify-items */ 71 /* justify-items */
69 .justifyItemsAuto { justify-items: auto; } 72 .justifyItemsAuto { justify-items: auto; }
70 .justifyItemsStretch { justify-items: stretch; } 73 .justifyItemsStretch { justify-items: stretch; }
71 .justifyItemsStart { justify-items: start; } 74 .justifyItemsStart { justify-items: start; }
72 .justifyItemsCenter { justify-items: center; } 75 .justifyItemsCenter { justify-items: center; }
73 .justifyItemsEnd { justify-items: end; } 76 .justifyItemsEnd { justify-items: end; }
74 77
75 .justifyItemsCenterSafe { justify-items: center safe; } 78 .justifyItemsCenterSafe { justify-items: center safe; }
76 .justifyItemsCenterUnsafe { justify-items: center unsafe; } 79 .justifyItemsCenterUnsafe { justify-items: center unsafe; }
77 .justifyItemsEndSafe { justify-items: end safe; } 80 .justifyItemsEndSafe { justify-items: end safe; }
78 .justifyItemsEndUnsafe { justify-items: end unsafe; } 81 .justifyItemsEndUnsafe { justify-items: end unsafe; }
79 82
83 .justifyItemsBaseline { justify-items: baseline; }
84
80 /* justify-content */ 85 /* justify-content */
81 .justifyContentBaseline { justify-content: baseline; } 86 .justifyContentBaseline { justify-content: baseline; }
82 .justifyContentLastBaseline { justify-content: last-baseline; } 87 .justifyContentLastBaseline { justify-content: last-baseline; }
83 .justifyContentStart { justify-content: start; } 88 .justifyContentStart { justify-content: start; }
84 .justifyContentEnd { justify-content: end; } 89 .justifyContentEnd { justify-content: end; }
85 .justifyContentCenter { justify-content: center; } 90 .justifyContentCenter { justify-content: center; }
86 .justifyContentLeft { justify-content: left; } 91 .justifyContentLeft { justify-content: left; }
87 .justifyContentRight { justify-content: right; } 92 .justifyContentRight { justify-content: right; }
88 .justifyContentFlexStart { justify-content: flex-start; } 93 .justifyContentFlexStart { justify-content: flex-start; }
89 .justifyContentFlexEnd { justify-content: flex-end; } 94 .justifyContentFlexEnd { justify-content: flex-end; }
(...skipping 30 matching lines...) Expand all
120 125
121 .itemsSelfStart { 126 .itemsSelfStart {
122 align-items: self-start; 127 align-items: self-start;
123 justify-items: self-start; 128 justify-items: self-start;
124 } 129 }
125 130
126 .itemsSelfEnd { 131 .itemsSelfEnd {
127 align-items: self-end; 132 align-items: self-end;
128 justify-items: self-end; 133 justify-items: self-end;
129 } 134 }
135 .itemsBaseline {
136 align-items: baseline;
137 justify-items: baseline;
138 }
130 139
131 /* Both align-self and justify-self */ 140 /* Both align-self and justify-self */
132 .selfStretch { 141 .selfStretch {
133 align-self: stretch; 142 align-self: stretch;
134 justify-self: stretch; 143 justify-self: stretch;
135 } 144 }
136 .selfStart { 145 .selfStart {
137 align-self: start; 146 align-self: start;
138 justify-self: start; 147 justify-self: start;
139 } 148 }
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after
212 221
213 .contentSpaceEvenly { 222 .contentSpaceEvenly {
214 justify-content: space-evenly; 223 justify-content: space-evenly;
215 align-content: space-evenly; 224 align-content: space-evenly;
216 } 225 }
217 226
218 .contentStretch { 227 .contentStretch {
219 justify-content: stretch; 228 justify-content: stretch;
220 align-content: stretch; 229 align-content: stretch;
221 } 230 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698