fix: optimize style

vuepress-reco · Apr 16, 2024 · dd7b754 · dd7b754
1 parent c159a10
commit dd7b754
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 9 deletions.
diff --git a/packages/@vuepress-reco/tailwindcss-config/src/client/styles/base.css b/packages/@vuepress-reco/tailwindcss-config/src/client/styles/base.css
@@ -49,32 +49,34 @@
     @apply -mt-8 mb-8 mx-0 pt-12 leading-5 z-negative-10;
   }
   h1 {
-    @apply text-3xl -mt-12;
+    @apply -mt-12 text-3xl;
   }
 
   h2 {
-    @apply leading-tight text-2xl;
-    /* @apply -mt-4 relative; */
+    @apply leading-tight;
+    span {
+      @apply text-2xl;
+    }
     &::before {
       @apply mb-6 block w-full border-t border-solid border-reco-border-lightmode;
       @apply dark:border-reco-border-darkmode;
       content: ' ';
     }
   }
 
-  h3 {
+  h3 span {
     @apply text-xl;
   }
 
-  h4 {
+  h4 span {
     @apply text-lg;
   }
 
-  h5 {
+  h5 span {
     @apply text-base;
   }
 
-  h6 {
+  h6 span {
     @apply text-sm;
   }
 

diff --git a/packages/vuepress-theme-reco/src/client/styles/backToTop.css b/packages/vuepress-theme-reco/src/client/styles/backToTop.css
@@ -1,3 +1,3 @@
 .vp-back-to-top-button {
-  @apply text-reco-primary/90 hover:text-reco-primary !important;
+  @apply text-reco-primary !important;
 }
diff --git a/packages/vuepress-theme-reco/src/client/styles/theme.css b/packages/vuepress-theme-reco/src/client/styles/theme.css
@@ -60,10 +60,20 @@ h6:focus .header-anchor {
 }
 
 a.header-anchor {
-  @apply text-base float-left opacity-0 mt-0.5 mr-1 -ml-3;
+  @apply text-base mt-0.5;
+  span {
+    @apply text-basic;
+  }
+  &::before {
+    @apply -ml-4 mr-1 invisible;
+    content: '#';
+  }
   &:hover,
   &:focus {
     @apply no-underline;
+    &::before {
+      @apply visible;
+    }
   }
 }