feat(theme): home media style

docs/README.md

@@ -3,7 +3,7 @@ home: true
 banner: /images/bg-home.jpg
 hero: 
   name: 鹏展博
-  profession: 前端开发工程师
+  tagline: 前端开发工程师
   text: 简单介绍专业技能信息相关的描述
   actions: 
     - 

packages/theme/src/client/components/Home.vue

@@ -71,26 +71,8 @@ const actions = computed(() => {
   padding: 0 2rem;
 }
 
-@media (min-width: 960px) {
-  .plume-home .container {
-    max-width: 768px;
-    padding-top: 8rem;
-  }
-}
-
-@media (min-width: 1440px) {
-  .plume-home .container {
-    max-width: 1104px;
-    padding-top: 8rem;
-  }
-
-  .plume-home .content .hero-tagline {
-    font-size: 32px;
-  }
-}
-
 .plume-home .content .hero-name {
-  font-size: 100px;
+  font-size: 72px;
   font-weight: 600;
   line-height: 1;
   color: var(--vp-c-text-hero-name);
@@ -125,6 +107,27 @@ const actions = computed(() => {
   /* background-color: rgba(0, 0, 0, 0.25); */
 }
 
+@media (min-width: 960px) {
+  .plume-home .container {
+    max-width: 768px;
+    padding-top: 8rem;
+  }
+  .plume-home .content .hero-name {
+    font-size: 100px;
+  }
+}
+
+@media (min-width: 1440px) {
+  .plume-home .container {
+    max-width: 1104px;
+    padding-top: 8rem;
+  }
+
+  .plume-home .content .hero-tagline {
+    font-size: 32px;
+  }
+}
+
 .actions {
   display: flex;
   flex-wrap: wrap;

packages/theme/src/client/styles/normalize.scss

@@ -30,6 +30,7 @@ body {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  transition: color var(--t-color) ease, background-color var(--t-color) ease;
 }
 
 main {