chore(create-vite): update logo and header styles (#8502)

bluwy · web-flow · commit 1f1ca5eb2a24 · 2022-06-08T10:04:17.000+02: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
@@ -58,6 +58,7 @@ export class MyElement extends LitElement {
     .logo {
       height: 6em;
       padding: 1.5em;
+      will-change: filter;
     }
     .logo:hover {
       filter: drop-shadow(0 0 2em #646cffaa);
@@ -73,6 +74,7 @@ export class MyElement extends LitElement {
 
     h1 {
       font-size: 3.2em;
+      line-height: 1.1;
     }
 
     a {
diff --git a/packages/create-vite/template-lit/src/my-element.js b/packages/create-vite/template-lit/src/my-element.js
@@ -65,6 +65,7 @@ export class MyElement extends LitElement {
       .logo {
         height: 6em;
         padding: 1.5em;
+        will-change: filter;
       }
       .logo:hover {
         filter: drop-shadow(0 0 2em #646cffaa);
@@ -89,6 +90,7 @@ export class MyElement extends LitElement {
 
       h1 {
         font-size: 3.2em;
+        line-height: 1.1;
       }
 
       button {
diff --git a/packages/create-vite/template-preact-ts/src/index.css b/packages/create-vite/template-preact-ts/src/index.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 button {
diff --git a/packages/create-vite/template-preact/src/index.css b/packages/create-vite/template-preact/src/index.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 button {
diff --git a/packages/create-vite/template-react-ts/src/App.css b/packages/create-vite/template-react-ts/src/App.css
@@ -8,6 +8,7 @@
 .logo {
   height: 6em;
   padding: 1.5em;
+  will-change: filter;
 }
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-react-ts/src/index.css b/packages/create-vite/template-react-ts/src/index.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 button {
diff --git a/packages/create-vite/template-react/src/App.css b/packages/create-vite/template-react/src/App.css
@@ -8,6 +8,7 @@
 .logo {
   height: 6em;
   padding: 1.5em;
+  will-change: filter;
 }
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-react/src/index.css b/packages/create-vite/template-react/src/index.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 button {
diff --git a/packages/create-vite/template-svelte-ts/src/App.svelte b/packages/create-vite/template-svelte-ts/src/App.svelte
@@ -32,6 +32,7 @@
   img {
     height: 6em;
     padding: 1.5em;
+    will-change: filter;
   }
   img:hover {
     filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-svelte-ts/src/app.css b/packages/create-vite/template-svelte-ts/src/app.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 .card {
diff --git a/packages/create-vite/template-svelte/src/App.svelte b/packages/create-vite/template-svelte/src/App.svelte
@@ -32,6 +32,7 @@
   img {
     height: 6em;
     padding: 1.5em;
+    will-change: filter;
   }
   img:hover {
     filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-svelte/src/app.css b/packages/create-vite/template-svelte/src/app.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 .card {
diff --git a/packages/create-vite/template-vanilla-ts/src/style.css b/packages/create-vite/template-vanilla-ts/src/style.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 #app {
@@ -46,6 +47,7 @@ h1 {
 .logo {
   height: 6em;
   padding: 1.5em;
+  will-change: filter;
 }
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-vanilla/style.css b/packages/create-vite/template-vanilla/style.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 #app {
@@ -46,6 +47,7 @@ h1 {
 .logo {
   height: 6em;
   padding: 1.5em;
+  will-change: filter;
 }
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-vue-ts/src/App.vue b/packages/create-vite/template-vue-ts/src/App.vue
@@ -20,6 +20,7 @@ import HelloWorld from './components/HelloWorld.vue'
 .logo {
   height: 6em;
   padding: 1.5em;
+  will-change: filter;
 }
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-vue-ts/src/style.css b/packages/create-vite/template-vue-ts/src/style.css
@@ -34,6 +34,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 button {
diff --git a/packages/create-vite/template-vue/src/App.vue b/packages/create-vite/template-vue/src/App.vue
@@ -20,6 +20,7 @@ import HelloWorld from './components/HelloWorld.vue'
 .logo {
   height: 6em;
   padding: 1.5em;
+  will-change: filter;
 }
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
diff --git a/packages/create-vite/template-vue/src/style.css b/packages/create-vite/template-vue/src/style.css
@@ -43,6 +43,7 @@ body {
 
 h1 {
   font-size: 3.2em;
+  line-height: 1.1;
 }
 
 button {

Original file line number	Diff line number	Diff line change
`@@ -58,6 +58,7 @@ export class MyElement extends LitElement {`
`58`	`58`	`.logo {`
`59`	`59`	`height: 6em;`
`60`	`60`	`padding: 1.5em;`
	`61`	`+ will-change: filter;`
`61`	`62`	`}`
`62`	`63`	`.logo:hover {`
`63`	`64`	`filter: drop-shadow(0 0 2em #646cffaa);`
`@@ -73,6 +74,7 @@ export class MyElement extends LitElement {`
`73`	`74`
`74`	`75`	`h1 {`
`75`	`76`	`font-size: 3.2em;`
	`77`	`+ line-height: 1.1;`
`76`	`78`	`}`
`77`	`79`
`78`	`80`	`a {`
Original file line number	Diff line number	Diff line change
`@@ -65,6 +65,7 @@ export class MyElement extends LitElement {`
`65`	`65`	`.logo {`
`66`	`66`	`height: 6em;`
`67`	`67`	`padding: 1.5em;`
	`68`	`+ will-change: filter;`
`68`	`69`	`}`
`69`	`70`	`.logo:hover {`
`70`	`71`	`filter: drop-shadow(0 0 2em #646cffaa);`
`@@ -89,6 +90,7 @@ export class MyElement extends LitElement {`
`89`	`90`
`90`	`91`	`h1 {`
`91`	`92`	`font-size: 3.2em;`
	`93`	`+ line-height: 1.1;`
`92`	`94`	`}`
`93`	`95`
`94`	`96`	`button {`
Original file line number	Diff line number	Diff line change
`@@ -34,6 +34,7 @@ body {`
`34`	`34`
`35`	`35`	`h1 {`
`36`	`36`	`font-size: 3.2em;`
	`37`	`+ line-height: 1.1;`
`37`	`38`	`}`
`38`	`39`
`39`	`40`	`button {`
Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,7 @@`
`8`	`8`	`.logo {`
`9`	`9`	`height: 6em;`
`10`	`10`	`padding: 1.5em;`
	`11`	`+ will-change: filter;`
`11`	`12`	`}`
`12`	`13`	`.logo:hover {`
`13`	`14`	`filter: drop-shadow(0 0 2em #646cffaa);`
Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,7 @@`
`32`	`32`	`img {`
`33`	`33`	`height: 6em;`
`34`	`34`	`padding: 1.5em;`
	`35`	`+ will-change: filter;`
`35`	`36`	`}`
`36`	`37`	`img:hover {`
`37`	`38`	`filter: drop-shadow(0 0 2em #646cffaa);`
Original file line number	Diff line number	Diff line change
`@@ -20,6 +20,7 @@ import HelloWorld from './components/HelloWorld.vue'`
`20`	`20`	`.logo {`
`21`	`21`	`height: 6em;`
`22`	`22`	`padding: 1.5em;`
	`23`	`+ will-change: filter;`
`23`	`24`	`}`
`24`	`25`	`.logo:hover {`
`25`	`26`	`filter: drop-shadow(0 0 2em #646cffaa);`
Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,7 @@ body {`
`43`	`43`
`44`	`44`	`h1 {`
`45`	`45`	`font-size: 3.2em;`
	`46`	`+ line-height: 1.1;`
`46`	`47`	`}`
`47`	`48`
`48`	`49`	`button {`