Bug 1319958 - [css-grid] Sprinkle some place-items/self/content shorthands around in the Grid reftests to increase test coverage.

layout/reftests/css-grid/grid-auto-min-sizing-transferred-size-003-ref.html

@@ -14,8 +14,7 @@ html,body { color:black; background-color:white; font:12px monospace; padding:0;
   display: grid;
   float: left;
   border: 1px solid;
-  align-items: start;
-  justify-items: start;
+  place-items: start;
   margin-bottom:1em;
 }
 

layout/reftests/css-grid/grid-item-intrinsic-ratio-stretch-002-ref.html

@@ -14,8 +14,7 @@ body,html { color:black; background:white; font:16px/1 monospace; padding:0; mar
   display: inline-grid;
   border: 1px solid;
   margin: 5px;
-  align-items: start;
-  justify-items: start;
+  place-items: start start;
 }
 .vertical-tests div { vertical-align:bottom }
   </style>

layout/reftests/css-grid/grid-item-mixed-baseline-002-ref.html

@@ -43,8 +43,8 @@ span:nth-child(4) { font-size:24px; }
 .pbs { padding-block-start: 15px; margin-block-start: 5px; }
 .pbe { padding-block-end: 7px; margin-block-end: 3px; }
 
-.fb { align-self:baseline; justify-self:self-start; }
-.lb { align-self:last baseline; justify-self:self-end; }
+.fb { place-self:first baseline self-start; }
+.lb { place-self:last baseline self-end; }
 .s  { justify-self:stretch; }
 
 .sfb { align-self:baseline; }

layout/reftests/css-grid/grid-item-mixed-baseline-002.html

@@ -21,13 +21,11 @@ html,body {
   grid: 100px / repeat(10, auto);
   border: 2px solid;
   margin: 1px;
-  align-content: start;
-  justify-content: end;
+  place-content: start end;
 }
 .c {
   grid: repeat(4, auto) / 100px;
-  align-content: end;
-  justify-content: start;
+  place-content: end start;
 }
 .t2 { grid: 100px / repeat(3, auto);}
 
@@ -45,9 +43,9 @@ span:nth-child(4) { font-size:24px; }
 .pbs { padding-block-start: 15px; margin-block-start: 5px; }
 .pbe { padding-block-end: 7px; margin-block-end: 3px; }
 
-.fb { align-content:baseline; align-self:self-start; justify-self:self-start; }
-.lb { align-content:last baseline; align-self:self-end; justify-self:self-end; }
-.s  { align-self:stretch; justify-self:stretch; }
+.fb { align-content:baseline; place-self:self-start; }
+.lb { align-content:last baseline; place-self:self-end; }
+.s  { place-self:stretch; }
 
 .sfb { align-self:baseline; }
 .slb { align-self:last baseline; align-content:self-end;}

layout/reftests/css-grid/grid-item-self-baseline-001.html

@@ -18,8 +18,7 @@ html,body {
   float: left;
   display: grid;
   grid: auto / repeat(4, auto);
-  align-items: start;
-  justify-items: start;
+  place-items: start;
   border: 2px solid;
   padding: 1px;
   margin: 1px;

layout/reftests/css-grid/grid-percent-grid-gap-001.html

@@ -63,7 +63,7 @@ br { clear: both; }
 </div>
 
 <div class="inline-grid" style="grid: auto / auto">
-<div class="grid percentgap" style="align-self:start; justify-self:start; width:160px; height:120px">
+<div class="grid percentgap" style="place-self:start/start; width:160px; height:120px">
   <span><x></x></span>
   <span><x></x></span>
   <span><x></x></span>
@@ -81,7 +81,7 @@ br { clear: both; }
 </div>
 
 <div class="inline-grid">
-<div class="grid percentgap" style="align-self:start; justify-self:start">
+<div class="grid percentgap" style="place-self:start">
   <span><x></x></span>
   <span><x></x></span>
   <span><x></x></span>

layout/reftests/css-grid/grid-percent-intrinsic-sizing-001.html

@@ -22,8 +22,7 @@ div {
   height: 5px;
   border: 1px solid;
   clear: left;
-  align-content: start;
-  justify-content: start;
+  place-content: start start;
 }
 
 span {

layout/reftests/css-grid/grid-placement-implicit-named-areas-001-ref.html

@@ -16,10 +16,8 @@ div {
   float: left;
   width: 100px;
   margin: 2px;
-  align-items: stretch;
-  justify-items: stretch;
-  align-content: start;
-  justify-content: start;
+  place-items: stretch;
+  place-content: start;
 }
 .row-tests div {
   height: 100px;