Fix style lint: use inset-inline-start instead of left

jameskoster · jameskoster · commit 13925e000f2f · 2026-03-19T18:18:41.000Z
Made-with: Cursor
diff --git a/storybook/stories/design-system/tokens/motion.story.module.css b/storybook/stories/design-system/tokens/motion.story.module.css
@@ -1,9 +1,9 @@
 @keyframes slideRight {
 	from {
-		left: 4px;
+		inset-inline-start: 4px;
 	}
 	to {
-		left: calc(100% - 36px);
+		inset-inline-start: calc(100% - 36px);
 	}
 }
 
@@ -31,7 +31,7 @@
 .dot {
 	position: absolute;
 	top: 4px;
-	left: 4px;
+	inset-inline-start: 4px;
 	width: 32px;
 	height: 32px;
 	border-radius: var(--wpds-border-radius-sm);

Original file line number	Diff line number	Diff line change
`@@ -1,9 +1,9 @@`
`1`	`1`	`@keyframes slideRight {`
`2`	`2`	`from {`
`3`		`- left: 4px;`
	`3`	`+ inset-inline-start: 4px;`
`4`	`4`	`}`
`5`	`5`	`to {`
`6`		`- left: calc(100% - 36px);`
	`6`	`+ inset-inline-start: calc(100% - 36px);`
`7`	`7`	`}`
`8`	`8`	`}`
`9`	`9`
`@@ -31,7 +31,7 @@`
`31`	`31`	`.dot {`
`32`	`32`	`position: absolute;`
`33`	`33`	`top: 4px;`
`34`		`- left: 4px;`
	`34`	`+ inset-inline-start: 4px;`
`35`	`35`	`width: 32px;`
`36`	`36`	`height: 32px;`
`37`	`37`	`border-radius: var(--wpds-border-radius-sm);`