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

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

Issue 2417853002: [css-grid] Implementing the grid's first line baseline. (Closed)
Patch Set: Patch rebased. Created 4 years, 1 month 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; }
22
21 /* align-items */ 23 /* align-items */
22 .alignItemsAuto { align-items: auto; } 24 .alignItemsAuto { align-items: auto; }
23 .alignItemsStretch { align-items: stretch; } 25 .alignItemsStretch { align-items: stretch; }
24 .alignItemsStart { align-items: start; } 26 .alignItemsStart { align-items: start; }
25 .alignItemsCenter { align-items: center; } 27 .alignItemsCenter { align-items: center; }
26 .alignItemsEnd { align-items: end; } 28 .alignItemsEnd { align-items: end; }
27 29
28 .alignItemsCenterSafe { align-items: center safe; } 30 .alignItemsCenterSafe { align-items: center safe; }
29 .alignItemsCenterUnsafe { align-items: center unsafe; } 31 .alignItemsCenterUnsafe { align-items: center unsafe; }
30 .alignItemsEndSafe { align-items: end safe; } 32 .alignItemsEndSafe { align-items: end safe; }
(...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after
152 justify-self: left; 154 justify-self: left;
153 } 155 }
154 .selfSelfStart { 156 .selfSelfStart {
155 align-self: self-start; 157 align-self: self-start;
156 justify-self: self-start; 158 justify-self: self-start;
157 } 159 }
158 .selfSelfEnd { 160 .selfSelfEnd {
159 align-self: self-end; 161 align-self: self-end;
160 justify-self: self-end; 162 justify-self: self-end;
161 } 163 }
164 .selfBaseline {
165 align-self: baseline;
166 justify-self: baseline;
167 }
162 168
163 /* Both align-content and justify-content */ 169 /* Both align-content and justify-content */
164 .contentStart { 170 .contentStart {
165 align-content: start; 171 align-content: start;
166 justify-content: start; 172 justify-content: start;
167 } 173 }
168 .contentCenter { 174 .contentCenter {
169 align-content: center; 175 align-content: center;
170 justify-content: center; 176 justify-content: center;
171 } 177 }
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
206 212
207 .contentSpaceEvenly { 213 .contentSpaceEvenly {
208 justify-content: space-evenly; 214 justify-content: space-evenly;
209 align-content: space-evenly; 215 align-content: space-evenly;
210 } 216 }
211 217
212 .contentStretch { 218 .contentStretch {
213 justify-content: stretch; 219 justify-content: stretch;
214 align-content: stretch; 220 align-content: stretch;
215 } 221 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698