Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / css3 / flexbox / resources / flexbox.css
blob83502cd144a56c39cf85433342170899881855bd
1 .flexbox {
2 display: -webkit-flex;
3 display: flex;
5 .inline-flexbox {
6 display: -webkit-inline-flex;
7 display: inline-flex;
10 .flex-none {
11 -webkit-flex: none;
12 flex: none;
14 .flex-auto {
15 -webkit-flex: auto;
16 flex: auto;
18 .flex-one {
19 -webkit-flex: 1;
20 flex: 1;
22 .flex-one-one-auto {
23 -webkit-flex: 1 1 auto;
24 flex: 1 1 auto;
27 .row {
28 -webkit-flex-direction: row;
29 flex-direction: row;
31 .row-reverse {
32 -webkit-flex-direction: row-reverse;
33 flex-direction: row-reverse;
35 .column {
36 -webkit-flex-direction: column;
37 flex-direction: column;
39 .column-reverse {
40 -webkit-flex-direction: column-reverse;
41 flex-direction: column-reverse;
44 .wrap {
45 -webkit-flex-wrap: wrap;
46 flex-wrap: wrap;
48 .wrap-reverse {
49 -webkit-flex-wrap: wrap-reverse;
50 flex-wrap: wrap-reverse;
53 .align-content-flex-start {
54 -webkit-align-content: flex-start;
55 align-content: flex-start;
57 .align-content-flex-end {
58 -webkit-align-content: flex-end;
59 align-content: flex-end;
61 .align-content-center {
62 -webkit-align-content: center;
63 align-content: center;
65 .align-content-space-between {
66 -webkit-align-content: space-between;
67 align-content: space-between;
69 .align-content-space-around {
70 -webkit-align-content: space-around;
71 align-content: space-around;
73 .align-content-stretch {
74 -webkit-align-content: stretch;
75 align-content: stretch;
78 .align-items-flex-start {
79 -webkit-align-items: flex-start;
80 align-items: flex-start;
82 .align-items-flex-end {
83 -webkit-align-items: flex-end;
84 align-items: flex-end;
86 .align-items-center {
87 -webkit-align-items: center;
88 align-items: center;
90 .align-items-baseline {
91 -webkit-align-items: baseline;
92 align-items: baseline;
94 .align-items-stretch {
95 -webkit-align-items: stretch;
96 align-items: stretch;
99 .align-self-auto {
100 -webkit-align-self: auto;
101 align-self: auto;
103 .align-self-flex-start {
104 -webkit-align-self: flex-start;
105 align-self: flex-start;
107 .align-self-flex-end {
108 -webkit-align-self: flex-end;
109 align-self: flex-end;
111 .align-self-center {
112 -webkit-align-self: center;
113 align-self: center;
115 .align-self-baseline {
116 -webkit-align-self: baseline;
117 align-self: baseline;
119 .align-self-stretch {
120 -webkit-align-self: stretch;
121 align-self: stretch;
124 .justify-content-flex-start {
125 -webkit-justify-content: flex-start;
126 justify-content: flex-start;
128 .justify-content-flex-end {
129 -webkit-justify-content: flex-end;
130 justify-content: flex-end;
132 .justify-content-center {
133 -webkit-justify-content: center;
134 justify-content: center;
136 .justify-content-space-between {
137 -webkit-justify-content: space-between;
138 justify-content: space-between;
140 .justify-content-space-around {
141 -webkit-justify-content: space-around;
142 justify-content: space-around;