first first-of-type:before: order issue (tw fix in next alpha)

david-crespo · david-crespo · commit e1dacaf24f7e · 2021-11-16T15:18:06.000-06:00
tailwindlabs/tailwindcss#6112 tailwindlabs/tailwindcss#6016 tailwindlabs/tailwindcss#6018
diff --git a/libs/ui/lib/breadcrumbs/Breadcrumbs.tsx b/libs/ui/lib/breadcrumbs/Breadcrumbs.tsx
@@ -11,7 +11,7 @@ export const Breadcrumbs = ({ data }: BreadcrumbsProps) => (
   <ol className="text-xs font-mono uppercase mb-6">
     {data.map(({ href, label }) => (
       <li
-        className="inline-block first-of-type:before:content-none 
+        className="inline-block before:first-of-type:content-none 
                    before:content-['/'] before:mx-2 before:text-gray-400"
         key={`${href}-${label}`}
       >

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ export const Breadcrumbs = ({ data }: BreadcrumbsProps) => (`
`11`	`11`	`<ol className="text-xs font-mono uppercase mb-6">`
`12`	`12`	`{data.map(({ href, label }) => (`
`13`	`13`	`<li`
`14`		`- className="inline-block first-of-type:before:content-none`
	`14`	`+ className="inline-block before:first-of-type:content-none`
`15`	`15`	`before:content-['/'] before:mx-2 before:text-gray-400"`
`16`	`16`	key={`${href}-${label}`}
`17`	`17`	`>`