468b17abfd736eda7b5cfa9228e3c23644d1d5fd
[WebKit-https.git] / LayoutTests / fast / css-grid-layout / resources / grid-alignment.css
1 /* align-self */
2 .alignSelfAuto { align-self: auto; }
3 .alignSelfStretch { align-self: stretch; }
4 .alignSelfStart { align-self: start; }
5 .alignSelfEnd { align-self: end; }
6 .alignSelfCenter { align-self: center; }
7 .alignSelfRight { align-self: right; }
8 .alignSelfLeft { align-self: left; }
9
10 .alignSelfFlexStart { align-self: flex-start; }
11 .alignSelfFlexEnd { align-self: flex-end; }
12
13 .alignSelfSelfStart { align-self: self-start; }
14 .alignSelfSelfEnd { align-self: self-end; }
15
16 /* align-items */
17 .alignItemsCenter { align-items: center; }
18
19 /* align-content */
20 .alignContentBaseline { align-content: baseline; }
21 .alignContentLastBaseline { align-content: last-baseline; }
22 .alignContentStart { align-content: start; }
23 .alignContentEnd { align-content: end; }
24 .alignContentCenter { align-content: center; }
25 .alignContentLeft { align-content: left; }
26 .alignContentRight { align-content: right; }
27 .alignContentFlexStart { align-content: flex-start; }
28 .alignContentFlexEnd { align-content: flex-end; }
29
30 /* justify-content */
31 .justifyContentBaseline { justify-content: baseline; }
32 .justifyContentLastBaseline { justify-content: last-baseline; }
33 .justifyContentStart { justify-content: start; }
34 .justifyContentEnd { justify-content: end; }
35 .justifyContentCenter { justify-content: center; }
36 .justifyContentLeft { justify-content: left; }
37 .justifyContentRight { justify-content: right; }
38 .justifyContentFlexStart { justify-content: flex-start; }
39 .justifyContentFlexEnd { justify-content: flex-end; }
40 .justifyContentSpaceBetween { justify-content: space-between; }
41 .justifyContentSpaceAround { justify-content: space-around; }
42 .justifyContentSpaceEvenly { justify-content: space-evenly; }
43 .justifyContentStretch { justify-content: stretch; }
44
45 /* Both align-items and justify-items */
46 .itemsCenter {
47     align-items: center;
48     justify-items: center;
49 }
50
51 .itemsEnd {
52     align-items: end;
53     justify-items: end;
54 }
55
56 .itemsLeft {
57     align-items: left;
58     justify-items: left;
59 }
60
61 .itemsRight {
62     align-items: right;
63     justify-items: right;
64 }
65
66 .itemsSelfStart {
67     align-items: self-start;
68     justify-items: self-start;
69 }
70
71 .itemsSelfEnd {
72     align-items: self-end;
73     justify-items: self-end;
74 }