chore: change data-sizes refs to ix-sizes

luqven · luqven · commit 8ee9c48b123f · 2021-05-20T15:13:32.000-04:00
This commit changes all refs in the source from data-sizes to ix-sizes.
This attribute was changed to avoid collisions with the lazysizes.js
library.
diff --git a/cypress/fixtures/index.css b/cypress/fixtures/index.css
@@ -21,7 +21,7 @@ article figure img {
   column-gap: 0px;
 }
 
-img[data-sizes='auto'] {
+img[ix-sizes='auto'] {
   display: block;
   width: 100%;
 }
diff --git a/cypress/fixtures/index.html b/cypress/fixtures/index.html
@@ -143,15 +143,15 @@ <h1>Automatically updating img tag's `sizes` attribute</h1>
             data-test-id="sizes"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
-            data-sizes="auto"
+            ix-sizes="auto"
           />
           <!-- Invalid image -->
           <img
             alt="invalid-img"
             data-test-id="invalid-img"
             test-path="this_wont_work!.jpg"
             test-params="{}"
-            data-sizes="auto"
+            ix-sizes="auto"
             width="0px"
           />
         </figure>
@@ -181,56 +181,56 @@ <h1>Automatically updating img tag's `sizes` attribute without sacrificing perfo
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
-            data-sizes="auto"
+            ix-sizes="auto"
           />
           <img
             data-test-id="sizes-grid"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
-            data-sizes="auto"
+            ix-sizes="auto"
           />
           <img
             data-test-id="sizes-grid"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
-            data-sizes="auto"
+            ix-sizes="auto"
           />
           <img
             data-test-id="sizes-grid"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
-            data-sizes="auto"
+            ix-sizes="auto"
           />
           <img
             data-test-id="sizes-grid"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
-            data-sizes="auto"
+            ix-sizes="auto"
           />
           <img
             data-test-id="sizes-grid"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
-            data-sizes="auto"
+            ix-sizes="auto"
           />
           <img
             data-test-id="sizes-grid"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
-            data-sizes="auto"
+            ix-sizes="auto"
           />
           <img
             data-test-id="sizes-grid"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
-            data-sizes="auto"
+            ix-sizes="auto"
           />
       </article>
         <div class="button-group">
diff --git a/index.css b/index.css
@@ -27,7 +27,7 @@ article figure img {
   height: auto !important;
 }
 
-img[data-sizes='auto'] {
+img[ix-sizes='auto'] {
   display: block;
   width: 100%;
 }
diff --git a/index.html b/index.html
@@ -143,7 +143,7 @@ <h1>Automatically updating img tag's `sizes` attribute</h1>
             data-test-id="sizes"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
-            data-sizes="auto"
+            ix-sizes="auto"
           />
         </figure>
         <div class="button-group">
@@ -172,25 +172,25 @@ <h1>Automatically updating img tag's `sizes` attribute without sacrificing perfo
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
-            data-sizes="auto"
+            ix-sizes="auto"
           />
           <img
             data-test-id="sizes-grid"
-            data-sizes="auto"
+            ix-sizes="auto"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
           />
           <img
             data-test-id="sizes-grid"
-            data-sizes="auto"
+            ix-sizes="auto"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
           />
           <img
             data-test-id="sizes-grid"
-            data-sizes="auto"
+            ix-sizes="auto"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
@@ -199,35 +199,35 @@ <h1>Automatically updating img tag's `sizes` attribute without sacrificing perfo
             <img
               data-test-id="sizes-grid"
               alt="img-grid-img"
-              data-sizes="auto"
+              ix-sizes="auto"
               test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
               test-params="{}"
             />
         </section>
           <img
             data-test-id="sizes-grid"
-            data-sizes="auto"
+            ix-sizes="auto"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
           />
           <img
             data-test-id="sizes-grid"
-            data-sizes="auto"
+            ix-sizes="auto"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
           />
           <img
             data-test-id="sizes-grid"
-            data-sizes="auto"
+            ix-sizes="auto"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"
           />
           <img
             data-test-id="sizes-grid"
-            data-sizes="auto"
+            ix-sizes="auto"
             alt="img-grid-img"
             test-path="+%3C%3E%5B%5D%7B%7D%7C%5C%5E%25.jpg"
             test-params="{}"

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ article figure img {`
`21`	`21`	`column-gap: 0px;`
`22`	`22`	`}`
`23`	`23`
`24`		`-img[data-sizes='auto'] {`
	`24`	`+img[ix-sizes='auto'] {`
`25`	`25`	`display: block;`
`26`	`26`	`width: 100%;`
`27`	`27`	`}`
Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ article figure img {`
`27`	`27`	`height: auto !important;`
`28`	`28`	`}`
`29`	`29`
`30`		`-img[data-sizes='auto'] {`
	`30`	`+img[ix-sizes='auto'] {`
`31`	`31`	`display: block;`
`32`	`32`	`width: 100%;`
`33`	`33`	`}`