[CSS Grid Layout] Support sparse in auto-placement algorithm
[WebKit-https.git] / LayoutTests / fast / css-grid-layout / resources / grid.css
index cf13d9e..aa78f23 100644 (file)
     -webkit-grid-row: auto;
 }
 
+.autoRowAutoColumnSpanning2 {
+    background-color: maroon;
+    -webkit-grid-column: span 2;
+    -webkit-grid-row: auto;
+}
+
+.autoRowSpanning2AutoColumn {
+    background-color: aqua;
+    -webkit-grid-column: auto;
+    -webkit-grid-row: span 2;
+}
+
+.autoRowSpanning2AutoColumnSpanning3 {
+    background-color: olive;
+    -webkit-grid-column: span 3;
+    -webkit-grid-row: span 2;
+}
+
+.autoRowSpanning3AutoColumnSpanning2 {
+    background-color: indigo;
+    -webkit-grid-column: span 2;
+    -webkit-grid-row: span 3;
+}
+
 /* Grid element flow. */
 .gridAutoFlowStack {
     -webkit-grid-auto-flow: stack;
     -webkit-grid-auto-flow: column;
 }
 
+.gridAutoFlowColumnDense {
+    -webkit-grid-auto-flow: column dense;
+}
+
 .gridAutoFlowRow {
     -webkit-grid-auto-flow: row;
 }
 
+.gridAutoFlowRowDense {
+    -webkit-grid-auto-flow: row dense;
+}
+
 /* This rule makes sure the container is smaller than any grid items to avoid distributing any extra logical space to them. */
 .constrainedContainer {
     width: 10px;