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

Unified Diff: LayoutTests/fast/css-grid-layout/resources/grid.css

Issue 362733002: [CSS Grid Layout] Support sparse in auto-placement algorithm (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 6 months 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 side-by-side diff with in-line comments
Download patch
Index: LayoutTests/fast/css-grid-layout/resources/grid.css
diff --git a/LayoutTests/fast/css-grid-layout/resources/grid.css b/LayoutTests/fast/css-grid-layout/resources/grid.css
index e28c00e070886043baffad16381db23b516b8122..4e343fa857ee5fbed1052d777cb2ec2ee4477880 100644
--- a/LayoutTests/fast/css-grid-layout/resources/grid.css
+++ b/LayoutTests/fast/css-grid-layout/resources/grid.css
@@ -122,6 +122,30 @@
grid-row: auto;
}
+.autoRowAutoColumnSpanning2 {
+ background-color: maroon;
+ grid-column: span 2;
+ grid-row: auto;
+}
+
+.autoRowSpanning2AutoColumn {
+ background-color: aqua;
+ grid-column: auto;
+ grid-row: span 2;
+}
+
+.autoRowSpanning2AutoColumnSpanning3 {
+ background-color: olive;
+ grid-column: span 3;
+ grid-row: span 2;
+}
+
+.autoRowSpanning3AutoColumnSpanning2 {
+ background-color: indigo;
+ grid-column: span 2;
+ grid-row: span 3;
+}
+
/* Grid element flow. */
.gridAutoFlowStack {
grid-auto-flow: stack;
@@ -131,10 +155,18 @@
grid-auto-flow: column;
}
+.gridAutoFlowColumnDense {
+ grid-auto-flow: column dense;
+}
+
.gridAutoFlowRow {
Julien - ping for review 2014/07/14 16:22:39 I would put a FIXME to rename that to gridAutoFlow
Manuel Rego 2014/07/14 20:10:03 I agree, I'll add the FIXME and provide a patch to
grid-auto-flow: row;
}
+.gridAutoFlowRowDense {
+ 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;

Powered by Google App Engine
This is Rietveld 408576698