Bug 1266250 part 2 - [css-grid] Resurrect the 'grid-template' shorthand (backs out bug 1253529).

This commit is contained in:
Mats Palmgren 2016-04-21 16:18:34 +02:00
parent 784d6b392f
commit 51f6396852
55 changed files with 55 additions and 55 deletions

View File

@ -21,7 +21,7 @@ separator { clear:both; display:block; height:6px; }
border-width: 1px 3px 5px 7px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 11px 31px 13px / 13px 23px 7px;
grid-template: 11px 31px 13px / 13px 23px 7px;
margin-right: 4px;
inline-size: 55px;
block-size: 43px;

View File

@ -23,7 +23,7 @@ separator { clear:both; display:block; height:6px; }
border-width: 1px 3px 5px 7px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 13px 23px 7px / 11px 31px 13px;
grid-template: 13px 23px 7px / 11px 31px 13px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
padding: 11px 13px 15px 17px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 11px 31px 13px / 13px 23px 7px;
grid-template: 11px 31px 13px / 13px 23px 7px;
margin-right: 4px;
inline-size: 55px;
block-size: 43px;

View File

@ -24,7 +24,7 @@ separator { clear:both; display:block; height:6px; }
padding: 11px 13px 15px 17px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 13px 23px 7px / 11px 31px 13px;
grid-template: 13px 23px 7px / 11px 31px 13px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
padding: 1px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 11px 31px 13px / 13px 23px 7px;
grid-template: 11px 31px 13px / 13px 23px 7px;
margin-right: 4px;
inline-size: 65px;
block-size: 43px;

View File

@ -24,7 +24,7 @@ separator { clear:both; display:block; height:6px; }
padding: 1px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 13px 23px 7px / 11px 31px 13px;
grid-template: 13px 23px 7px / 11px 31px 13px;
margin-right: 4px;
inline-size: 65px;
}

View File

@ -21,7 +21,7 @@ separator { clear:both; display:block; height:6px; }
border-width: 1px 3px 5px 7px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 11px 31px 13px / 13px 23px 7px;
grid-template: 11px 31px 13px / 13px 23px 7px;
margin-right: 4px;
inline-size: 55px;
block-size: 57px;

View File

@ -23,7 +23,7 @@ separator { clear:both; display:block; height:6px; }
border-width: 1px 3px 5px 7px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 13px 23px 7px / 11px 31px 13px;
grid-template: 13px 23px 7px / 11px 31px 13px;
margin-right: 4px;
block-size: 57px;
}

View File

@ -23,7 +23,7 @@ separator { clear:both; display:block; height:6px; }
border-width: 1px 3px 5px 7px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 13px 23px 7px / 11px 31px 13px;
grid-template: 13px 23px 7px / 11px 31px 13px;
margin-right: 4px;
}

View File

@ -24,7 +24,7 @@ separator { clear:both; display:block; height:6px; }
padding: 11px 13px 15px 17px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 13px 23px 7px / 11px 31px 13px;
grid-template: 13px 23px 7px / 11px 31px 13px;
margin-right: 4px;
}

View File

@ -24,7 +24,7 @@ separator { clear:both; display:block; height:6px; }
padding: 1px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 13px 23px 7px / 11px 31px 13px;
grid-template: 13px 23px 7px / 11px 31px 13px;
margin-right: 4px;
block-size: 57px;
}

View File

@ -23,7 +23,7 @@ separator { clear:both; display:block; height:6px; }
border-inline-start-color: lime;
inline-size: 65px;
block-size: 43px;
grid: 11px 31px 13px / 13px 23px 7px;
grid-template: 11px 31px 13px / 13px 23px 7px;
margin-right: 4px;
}

View File

@ -23,7 +23,7 @@ separator { clear:both; display:block; height:6px; }
border-width: 1px 3px 5px 7px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 13px 23px 7px / 11px 31px 13px;
grid-template: 13px 23px 7px / 11px 31px 13px;
margin-right: 4px;
inline-size: 65px;
}

View File

@ -20,7 +20,7 @@ separator { clear:both; display:block; height:6px; }
border-width: 1px 3px 5px 7px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 3px 51px 5px / 5px 33px 7px;
grid-template: 3px 51px 5px / 5px 33px 7px;
margin-right: 4px;
}

View File

@ -23,7 +23,7 @@ separator { clear:both; display:block; height:6px; }
border-width: 1px 3px 5px 7px;
border-block-start-color: blue;
border-inline-start-color: lime;
grid: 3px 51px 5px / 5px 33px 7px;
grid-template: 3px 51px 5px / 5px 33px 7px;
margin-right: 4px;
}

View File

@ -17,7 +17,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
display: grid;
padding: 1px 3px 5px 7px;
grid: 25px 33px 7px / 30px 51px 5px;
grid-template: 25px 33px 7px / 30px 51px 5px;
margin-right: 4px;
height: 100px;
width: 100px;

View File

@ -18,7 +18,7 @@ separator { clear:both; display:block; height:6px; }
.grid {
display: grid;
padding: 1px 3px 5px 7px;
grid: 25px 33px 7px / 30px 51px 5px;
grid-template: 25px 33px 7px / 30px 51px 5px;
margin-right: 4px;
height: 100px;
width: 100px;

View File

@ -19,7 +19,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 3px 5px 7px / 11px 7px 5px;
grid-template: 3px 5px 7px / 11px 7px 5px;
padding: 1px 1px 3px 2px;
margin-right: 4px;
width: 40px;

View File

@ -21,7 +21,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 3px 5px 7px / 11px 7px 5px;
grid-template: 3px 5px 7px / 11px 7px 5px;
padding: 1px 1px 3px 2px;
margin-right: 4px;
width: 40px;

View File

@ -17,7 +17,7 @@ html,body {
.grid {
display: grid;
float: left;
grid: 10px 10px / 10px 10px;
grid-template: 10px 10px / 10px 10px;
grid-gap: 4px;
border: 1px solid black;
background: grey;

View File

@ -21,7 +21,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 3px 20px 2px / 1px 32px 3px;
grid-template: 3px 20px 2px / 1px 32px 3px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-block-start: 2px solid blue; */
border-block-start: 2px solid black;
grid: 3px 20px 2px / 1px 32px 3px;
grid-template: 3px 20px 2px / 1px 32px 3px;
margin-right: 4px;
}

View File

@ -23,7 +23,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-block-start: 2px solid blue; */
border-block-start: 2px solid black;
grid: 3px 20px 2px / 1px 32px 3px;
grid-template: 3px 20px 2px / 1px 32px 3px;
margin-right: 20px;
margin-bottom: 20px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 3px 20px 2px / 1px 32px 3px;
grid-template: 3px 20px 2px / 1px 32px 3px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 3px 20px 2px / 1px 32px 3px;
grid-template: 3px 20px 2px / 1px 32px 3px;
margin-right: 4px;
}

View File

@ -20,7 +20,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -20,7 +20,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -19,7 +19,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -21,7 +21,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -20,7 +20,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-block-start: 2px solid blue; */
border-block-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-block-start: 2px solid blue; */
border-block-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -20,7 +20,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -20,7 +20,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -19,7 +19,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -21,7 +21,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -20,7 +20,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-block-start: 2px solid blue; */
border-block-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-block-start: 2px solid blue; */
border-block-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -20,7 +20,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-inline-start: 2px solid lime; */
border-inline-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -19,7 +19,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -21,7 +21,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -20,7 +20,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-block-start: 2px solid blue; */
border-block-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -22,7 +22,7 @@ separator { clear:both; display:block; height:6px; }
border: 1px solid;
/* border-block-start: 2px solid blue; */
border-block-start: 2px solid black;
grid: 1px 32px 3px / 3px 20px 2px;
grid-template: 1px 32px 3px / 3px 20px 2px;
margin-right: 4px;
}

View File

@ -19,7 +19,7 @@ separator { clear:both; display:block; height:6px; }
float: left;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 1px 25px 5px / 3px 21px 1px;
grid-template: 1px 25px 5px / 3px 21px 1px;
padding: 1px 1px 3px 2px;
margin-right: 2px;
width: 40px;

View File

@ -21,7 +21,7 @@ separator { clear:both; display:block; height:6px; }
float: left;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 1px 25px 5px / 3px 21px 1px;
grid-template: 1px 25px 5px / 3px 21px 1px;
padding: 1px 1px 3px 2px;
margin-right: 2px;
width: 40px;

View File

@ -19,7 +19,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 3px 5px 7px / 11px 7px 5px;
grid-template: 3px 5px 7px / 11px 7px 5px;
padding: 1px 1px 3px 2px;
margin-right: 4px;
width: 40px;

View File

@ -21,7 +21,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 3px 5px 7px / 11px 7px 5px;
grid-template: 3px 5px 7px / 11px 7px 5px;
padding: 1px 1px 3px 2px;
margin-right: 4px;
width: 40px;

View File

@ -19,7 +19,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 3px 1px 5px 1px 7px / 11px 7px 5px;
grid-template: 3px 1px 5px 1px 7px / 11px 7px 5px;
padding: 1px 1px 3px 2px;
margin-right: 4px;
width: 40px;

View File

@ -21,7 +21,7 @@ separator { clear:both; display:block; height:6px; }
position: relative;
border: 1px solid;
border-block-start: 2px solid blue;
grid: 3px 5px 7px / 11px 7px 5px;
grid-template: 3px 5px 7px / 11px 7px 5px;
padding: 1px 1px 3px 2px;
margin-right: 4px;
width: 40px;