fix: changed start to flex-start (and end) (#2113)

agliga · web-flow · commit cfb4c82ffa9d · 2023-08-04T08:36:49.000-07:00
diff --git a/.stylelintrc b/.stylelintrc
@@ -72,13 +72,7 @@
                 ],
                 "no-descending-specificity": true,
                 "no-duplicate-selectors": true,
-                "order/properties-alphabetical-order": true,
-                "plugin/no-unsupported-browser-features": [
-                    null,
-                    {
-                        "severity": "warning"
-                    }
-                ]
+                "order/properties-alphabetical-order": true
             }
         }
     ]
diff --git a/dist/carousel/carousel.css b/dist/carousel/carousel.css
@@ -261,7 +261,7 @@ span.carousel__container {
     border-right-width: calc(100vw + 100vh);
   }
   .carousel__snap-point {
-    scroll-snap-align: start;
+    scroll-snap-align: flex-start;
     scroll-snap-coordinate: 0 0;
   }
   /* autoprefixer: on */
diff --git a/dist/field/field.css b/dist/field/field.css
@@ -111,7 +111,7 @@ div.field__description {
   vertical-align: top;
 }
 .field__group--align-top > .field__label {
-  align-self: start;
+  align-self: flex-start;
   margin-top: 16px;
 }
 [dir="rtl"] .field__description--group > :last-child {
diff --git a/dist/page-notice/page-notice.css b/dist/page-notice/page-notice.css
@@ -100,7 +100,7 @@ span[role="region"].page-notice {
 p.page-notice__cta {
   grid-column: 2;
   grid-row: 2;
-  justify-self: start;
+  justify-self: flex-start;
   margin-right: 16px;
   margin-top: 16px;
 }
@@ -115,13 +115,13 @@ p.page-notice__cta {
   p.page-notice__cta {
     grid-column: 4;
     grid-row: 1;
-    justify-self: end;
+    justify-self: flex-end;
     margin-bottom: 0;
     margin-top: 1px;
     padding-right: 16px;
   }
   .page-notice__footer {
-    justify-self: end;
+    justify-self: flex-end;
     margin-top: 0;
   }
 }
diff --git a/dist/section-notice/section-notice.css b/dist/section-notice/section-notice.css
@@ -62,7 +62,7 @@ span[role="region"].section-notice {
 .section-notice__footer {
   grid-column: 4;
   grid-row: 1;
-  justify-self: end;
+  justify-self: flex-end;
   margin-top: 2px;
 }
 .section-notice__main p {
@@ -72,7 +72,7 @@ span[role="region"].section-notice {
 p.section-notice__cta {
   grid-column: 2;
   grid-row: 2;
-  justify-self: start;
+  justify-self: flex-start;
   margin-right: 16px;
   margin-top: 16px;
 }
@@ -89,7 +89,7 @@ p.section-notice__cta {
   p.section-notice__cta {
     grid-column: 4;
     grid-row: 1;
-    justify-self: end;
+    justify-self: flex-end;
     margin-bottom: 0;
     margin-top: 0;
     padding-right: 16px;
@@ -103,7 +103,7 @@ p.section-notice__cta {
   padding-right: 0;
 }
 [dir="rtl"] .section-notice__footer {
-  justify-self: start;
+  justify-self: flex-start;
   margin-left: initial;
   margin-right: auto;
   padding-left: initial;
diff --git a/src/less/carousel/carousel.less b/src/less/carousel/carousel.less
@@ -294,7 +294,7 @@ span.carousel__container {
     }
 
     .carousel__snap-point {
-        scroll-snap-align: start;
+        scroll-snap-align: flex-start;
         -webkit-scroll-snap-coordinate: 0 0;
         -ms-scroll-snap-coordinate: 0 0;
         scroll-snap-coordinate: 0 0;
diff --git a/src/less/field/field.less b/src/less/field/field.less
@@ -161,7 +161,7 @@ div.field__description {
 }
 
 .field__group--align-top > .field__label {
-    align-self: start;
+    align-self: flex-start;
     margin-top: 16px;
 }
 
diff --git a/src/less/page-notice/page-notice.less b/src/less/page-notice/page-notice.less
@@ -129,7 +129,7 @@ span[role="region"].page-notice {
 p.page-notice__cta {
     grid-column: 2;
     grid-row: 2;
-    justify-self: start;
+    justify-self: flex-start;
     margin-right: @spacing-200;
     margin-top: @spacing-200;
 }
@@ -147,14 +147,14 @@ p.page-notice__cta {
     p.page-notice__cta {
         grid-column: 4;
         grid-row: 1;
-        justify-self: end;
+        justify-self: flex-end;
         margin-bottom: 0;
         margin-top: 1px;
         padding-right: @spacing-200;
     }
 
     .page-notice__footer {
-        justify-self: end;
+        justify-self: flex-end;
         margin-top: 0;
     }
 }
diff --git a/src/less/section-notice/section-notice.less b/src/less/section-notice/section-notice.less
@@ -81,7 +81,7 @@ span[role="region"].section-notice {
 .section-notice__footer {
     grid-column: 4;
     grid-row: 1;
-    justify-self: end;
+    justify-self: flex-end;
     margin-top: 2px;
 }
 
@@ -93,7 +93,7 @@ span[role="region"].section-notice {
 p.section-notice__cta {
     grid-column: 2;
     grid-row: 2;
-    justify-self: start;
+    justify-self: flex-start;
     margin-right: @spacing-200;
     margin-top: @spacing-200;
 }
@@ -114,7 +114,7 @@ p.section-notice__cta {
     p.section-notice__cta {
         grid-column: 4;
         grid-row: 1;
-        justify-self: end;
+        justify-self: flex-end;
         margin-bottom: 0;
         margin-top: 0;
         padding-right: @spacing-200;
@@ -132,7 +132,7 @@ p.section-notice__cta {
     }
 
     .section-notice__footer {
-        justify-self: start;
+        justify-self: flex-start;
         margin-left: initial;
         margin-right: auto;
         padding-left: initial;

Original file line number	Diff line number	Diff line change
`@@ -72,13 +72,7 @@`
`72`	`72`	`],`
`73`	`73`	`"no-descending-specificity": true,`
`74`	`74`	`"no-duplicate-selectors": true,`
`75`		`- "order/properties-alphabetical-order": true,`
`76`		`- "plugin/no-unsupported-browser-features": [`
`77`		`- null,`
`78`		`- {`
`79`		`- "severity": "warning"`
`80`		`- }`
`81`		`- ]`
	`75`	`+ "order/properties-alphabetical-order": true`
`82`	`76`	`}`
`83`	`77`	`}`
`84`	`78`	`]`
Original file line number	Diff line number	Diff line change
`@@ -261,7 +261,7 @@ span.carousel__container {`
`261`	`261`	`border-right-width: calc(100vw + 100vh);`
`262`	`262`	`}`
`263`	`263`	`.carousel__snap-point {`
`264`		`- scroll-snap-align: start;`
	`264`	`+ scroll-snap-align: flex-start;`
`265`	`265`	`scroll-snap-coordinate: 0 0;`
`266`	`266`	`}`
`267`	`267`	`/* autoprefixer: on */`
Original file line number	Diff line number	Diff line change
`@@ -111,7 +111,7 @@ div.field__description {`
`111`	`111`	`vertical-align: top;`
`112`	`112`	`}`
`113`	`113`	`.field__group--align-top > .field__label {`
`114`		`- align-self: start;`
	`114`	`+ align-self: flex-start;`
`115`	`115`	`margin-top: 16px;`
`116`	`116`	`}`
`117`	`117`	`[dir="rtl"] .field__description--group > :last-child {`
Original file line number	Diff line number	Diff line change
`@@ -100,7 +100,7 @@ span[role="region"].page-notice {`
`100`	`100`	`p.page-notice__cta {`
`101`	`101`	`grid-column: 2;`
`102`	`102`	`grid-row: 2;`
`103`		`- justify-self: start;`
	`103`	`+ justify-self: flex-start;`
`104`	`104`	`margin-right: 16px;`
`105`	`105`	`margin-top: 16px;`
`106`	`106`	`}`
`@@ -115,13 +115,13 @@ p.page-notice__cta {`
`115`	`115`	`p.page-notice__cta {`
`116`	`116`	`grid-column: 4;`
`117`	`117`	`grid-row: 1;`
`118`		`- justify-self: end;`
	`118`	`+ justify-self: flex-end;`
`119`	`119`	`margin-bottom: 0;`
`120`	`120`	`margin-top: 1px;`
`121`	`121`	`padding-right: 16px;`
`122`	`122`	`}`
`123`	`123`	`.page-notice__footer {`
`124`		`- justify-self: end;`
	`124`	`+ justify-self: flex-end;`
`125`	`125`	`margin-top: 0;`
`126`	`126`	`}`
`127`	`127`	`}`
Original file line number	Diff line number	Diff line change
`@@ -294,7 +294,7 @@ span.carousel__container {`
`294`	`294`	`}`
`295`	`295`
`296`	`296`	`.carousel__snap-point {`
`297`		`- scroll-snap-align: start;`
	`297`	`+ scroll-snap-align: flex-start;`
`298`	`298`	`-webkit-scroll-snap-coordinate: 0 0;`
`299`	`299`	`-ms-scroll-snap-coordinate: 0 0;`
`300`	`300`	`scroll-snap-coordinate: 0 0;`
Original file line number	Diff line number	Diff line change
`@@ -161,7 +161,7 @@ div.field__description {`
`161`	`161`	`}`
`162`	`162`
`163`	`163`	`.field__group--align-top > .field__label {`
`164`		`- align-self: start;`
	`164`	`+ align-self: flex-start;`
`165`	`165`	`margin-top: 16px;`
`166`	`166`	`}`
`167`	`167`
Original file line number	Diff line number	Diff line change
`@@ -129,7 +129,7 @@ span[role="region"].page-notice {`
`129`	`129`	`p.page-notice__cta {`
`130`	`130`	`grid-column: 2;`
`131`	`131`	`grid-row: 2;`
`132`		`- justify-self: start;`
	`132`	`+ justify-self: flex-start;`
`133`	`133`	`margin-right: @spacing-200;`
`134`	`134`	`margin-top: @spacing-200;`
`135`	`135`	`}`
`@@ -147,14 +147,14 @@ p.page-notice__cta {`
`147`	`147`	`p.page-notice__cta {`
`148`	`148`	`grid-column: 4;`
`149`	`149`	`grid-row: 1;`
`150`		`- justify-self: end;`
	`150`	`+ justify-self: flex-end;`
`151`	`151`	`margin-bottom: 0;`
`152`	`152`	`margin-top: 1px;`
`153`	`153`	`padding-right: @spacing-200;`
`154`	`154`	`}`
`155`	`155`
`156`	`156`	`.page-notice__footer {`
`157`		`- justify-self: end;`
	`157`	`+ justify-self: flex-end;`
`158`	`158`	`margin-top: 0;`
`159`	`159`	`}`
`160`	`160`	`}`