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

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: Applied suggested changes. 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; } 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 81 matching lines...) Expand 10 before | Expand all | Expand 10 after
120 121
121 .itemsSelfStart { 122 .itemsSelfStart {
122 align-items: self-start; 123 align-items: self-start;
123 justify-items: self-start; 124 justify-items: self-start;
124 } 125 }
125 126
126 .itemsSelfEnd { 127 .itemsSelfEnd {
127 align-items: self-end; 128 align-items: self-end;
128 justify-items: self-end; 129 justify-items: self-end;
129 } 130 }
131 .itemsBaseline {
132 align-items: baseline;
133 justify-items: baseline;
134 }
130 135
131 /* Both align-self and justify-self */ 136 /* Both align-self and justify-self */
132 .selfStretch { 137 .selfStretch {
133 align-self: stretch; 138 align-self: stretch;
134 justify-self: stretch; 139 justify-self: stretch;
135 } 140 }
136 .selfStart { 141 .selfStart {
137 align-self: start; 142 align-self: start;
138 justify-self: start; 143 justify-self: start;
139 } 144 }
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after
212 217
213 .contentSpaceEvenly { 218 .contentSpaceEvenly {
214 justify-content: space-evenly; 219 justify-content: space-evenly;
215 align-content: space-evenly; 220 align-content: space-evenly;
216 } 221 }
217 222
218 .contentStretch { 223 .contentStretch {
219 justify-content: stretch; 224 justify-content: stretch;
220 align-content: stretch; 225 align-content: stretch;
221 } 226 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698