Files
Andrey AlexandrovandAndrey Sitnik 1b71eefb42 Remove warning from grid-[column/row]-end: span X; + grid-area combo … (#1159)
* Remove warning from grid-[column/row]-end: span X; + grid-area combo (#1157)

* Add clause to warnIfGridRowColumnExists method in lib/hacks/grid-utils.js

* Update tests

* Update test case

* Fix no newline at the end of the file
2018-11-27 14:16:51 +08:00

75 lines
1.1 KiB
CSS

.a {
-ms-grid-row: 5;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 5;
grid-area: 5 / 1 / span 1 / span 5;
}
.b {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-area: span 1 / span 3 / 4 / 4;
}
.c {
-ms-grid-row: 2;
-ms-grid-column: 2;
grid-area: 2 / 2;
}
.d {
grid-area: "custom-ident";
}
.e {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 6;
grid-area: 2 / 2 / 3 / 8;
}
.f {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 2;
grid-area: 2 / 2 / 3;
}
/* emit warning */
.g {
-ms-grid-row: 3;
-ms-grid-column: 1;
grid-area: 3 / 1;
grid-row: 1;
grid-column: 2;
}
.h {
-ms-grid-row: 3;
-ms-grid-column: 1;
grid-area: 3 / 1;
-ms-grid-column-span: 4;
grid-column: 1 / span 4;
}
/* there should be no warning */
.i {
-ms-grid-row: 3;
-ms-grid-column: 1;
grid-area: 3 / 1;
-ms-grid-column-span: 4;
grid-column-end: span 4;
}
.j {
-ms-grid-row: 3;
-ms-grid-column: 1;
grid-area: 3 / 1;
-ms-grid-row-span: 4;
grid-row-end: span 4;
}