[css-grid] Implementation of Baseline Self-Alignment

third_party/WebKit/LayoutTests/fast/css-grid-layout/resources/grid-alignment.css

 /* align-self */
 .alignSelfAuto { align-self: auto; }
 .alignSelfStretch { align-self: stretch; }
 .alignSelfStart { align-self: start; }
 .alignSelfEnd { align-self: end; }
 .alignSelfCenter { align-self: center; }
 .alignSelfRight { align-self: right; }
 .alignSelfLeft { align-self: left; }
 
 .alignSelfFlexStart { align-self: flex-start; }
 .alignSelfFlexEnd { align-self: flex-end; }
 
 .alignSelfSelfStart { align-self: self-start; }
 .alignSelfSelfEnd { align-self: self-end; }
 
 .alignSelfCenterSafe { align-self: center safe; }
 .alignSelfCenterUnsafe { align-self: center unsafe; }
 .alignSelfEndSafe { align-self: end safe; }
 .alignSelfEndUnsafe { align-self: end unsafe; }
 
 .alignSelfBaseline { align-self: baseline; }
 
 /* align-items */
 .alignItemsAuto { align-items: auto; }
 .alignItemsStretch { align-items: stretch; }
 .alignItemsStart { align-items: start; }
 .alignItemsCenter { align-items: center; }
 .alignItemsEnd { align-items: end; }
+.alignItemsBaseline { align-items: baseline; }
 
 .alignItemsCenterSafe { align-items: center safe; }
 .alignItemsCenterUnsafe { align-items: center unsafe; }
 .alignItemsEndSafe { align-items: end safe; }
 .alignItemsEndUnsafe { align-items: end unsafe; }
 
 /* align-content */
 .alignContentBaseline { align-content: baseline; }
 .alignContentLastBaseline { align-content: last-baseline; }
 .alignContentStart { align-content: start; }
@@ skipping 19 matching lines @@
 
 .justifySelfFlexStart { justify-self: flex-start; }
 .justifySelfFlexEnd { justify-self: flex-end; }
 
 .justifySelfSelfStart { justify-self: self-start; }
 .justifySelfSelfEnd { justify-self: self-end; }
 
 .justifySelfCenterSafe { justify-self: center safe; }
 .justifySelfCenterUnsafe { justify-self: center unsafe; }
 
+.justifySelfBaseline { justify-self: baseline; }
+
 /* justify-items */
 .justifyItemsAuto { justify-items: auto; }
 .justifyItemsStretch { justify-items: stretch; }
 .justifyItemsStart { justify-items: start; }
 .justifyItemsCenter { justify-items: center; }
 .justifyItemsEnd { justify-items: end; }
 
 .justifyItemsCenterSafe { justify-items: center safe; }
 .justifyItemsCenterUnsafe { justify-items: center unsafe; }
 .justifyItemsEndSafe { justify-items: end safe; }
 .justifyItemsEndUnsafe { justify-items: end unsafe; }
 
+.justifyItemsBaseline { justify-items: baseline; }
+
 /* justify-content */
 .justifyContentBaseline { justify-content: baseline; }
 .justifyContentLastBaseline { justify-content: last-baseline; }
 .justifyContentStart { justify-content: start; }
 .justifyContentEnd { justify-content: end; }
 .justifyContentCenter { justify-content: center; }
 .justifyContentLeft { justify-content: left; }
 .justifyContentRight { justify-content: right; }
 .justifyContentFlexStart { justify-content: flex-start; }
 .justifyContentFlexEnd { justify-content: flex-end; }
@@ skipping 40 matching lines @@
 
 .itemsSelfStart {
     align-items: self-start;
     justify-items: self-start;
 }
 
 .itemsSelfEnd {
     align-items: self-end;
     justify-items: self-end;
 }
+.itemsBaseline {
+    align-items: baseline;
+    justify-items: baseline;
+}
 
 /* Both align-self and justify-self */
 .selfStretch {
     align-self: stretch;
     justify-self: stretch;
 }
 .selfStart {
     align-self: start;
     justify-self: start;
 }
@@ skipping 72 matching lines @@
 
 .contentSpaceEvenly {
     justify-content: space-evenly;
     align-content: space-evenly;
 }
 
 .contentStretch {
     justify-content: stretch;
     align-content: stretch;
 }