feat(theme): update hero-info title

vuepress-theme-hope · Feb 23, 2023 · b414cf1 · b414cf1
1 parent 3540a5e
commit b414cf1
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/packages/theme/src/client/styles/hero-info.scss b/packages/theme/src/client/styles/hero-info.scss
@@ -13,7 +13,7 @@
     display: block;
     max-width: 100%;
     max-height: 18rem;
-    margin: 0;
+    margin: 1rem;
 
     @media (max-width: hope-config.$pad) {
       margin: 2rem auto;
@@ -65,8 +65,19 @@
   }
 
   h1 {
+    background: linear-gradient(
+      120deg,
+      var(--theme-color-light),
+      var(--theme-color) 30%,
+      color.adjust(hope-config.$theme-color, $hue: 60deg) 100%
+    );
+    -webkit-background-clip: text;
+    background-clip: text;
+
+    font-weight: bold;
     font-size: 3.6rem;
-    font-family: var(--font-family-fancy);
+
+    -webkit-text-fill-color: transparent;
 
     @media (max-width: hope-config.$tablet) {
       font-size: 2.5rem;
@@ -100,6 +111,7 @@
 
     overflow: hidden;
 
+    min-width: 4rem;
     margin: 0.5rem;
     padding: 0.5em 1.5rem;
     border-radius: 2rem;
@@ -113,7 +125,7 @@
       transform var(--transform-transition);
 
     @media (max-width: hope-config.$tablet) {
-      padding: 0.8rem 1.2rem;
+      padding: 0.5rem 1rem;
       font-size: 1.1rem;
     }