fix(create-vite): fix h1 css selector in lit templates (#12951)

danieldeandradelopes · web-flow · commit 21c61cbbbe1a · 2023-04-23T01:18:08.000+03:00
diff --git a/packages/create-vite/template-lit-ts/src/my-element.ts b/packages/create-vite/template-lit-ts/src/my-element.ts
@@ -76,7 +76,7 @@ export class MyElement extends LitElement {
       color: #888;
     }
 
-    h1 {
+    ::slotted(h1) {
       font-size: 3.2em;
       line-height: 1.1;
     }
diff --git a/packages/create-vite/template-lit/src/my-element.js b/packages/create-vite/template-lit/src/my-element.js
@@ -92,7 +92,7 @@ export class MyElement extends LitElement {
         color: #535bf2;
       }
 
-      h1 {
+      ::slotted(h1) {
         font-size: 3.2em;
         line-height: 1.1;
       }

Original file line number	Diff line number	Diff line change
`@@ -76,7 +76,7 @@ export class MyElement extends LitElement {`
`76`	`76`	`color: #888;`
`77`	`77`	`}`
`78`	`78`
`79`		`- h1 {`
	`79`	`+ ::slotted(h1) {`
`80`	`80`	`font-size: 3.2em;`
`81`	`81`	`line-height: 1.1;`
`82`	`82`	`}`
Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,7 @@ export class MyElement extends LitElement {`
`92`	`92`	`color: #535bf2;`
`93`	`93`	`}`
`94`	`94`
`95`		`- h1 {`
	`95`	`+ ::slotted(h1) {`
`96`	`96`	`font-size: 3.2em;`
`97`	`97`	`line-height: 1.1;`
`98`	`98`	`}`