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

vitejs · Jun 8, 2022 · 1f1ca5e · 1f1ca5e
1 parent d72b3dd
commit 1f1ca5e
Show file tree

Hide file tree

Showing 18 changed files with 22 additions and 0 deletions.
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 {