fix: remove some !important

vuepress-reco · Nov 23, 2024 · 93bbed8 · 93bbed8
1 parent 7d1426c
commit 93bbed8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/packages/vuepress-theme-reco/src/client/styles/404.css b/packages/vuepress-theme-reco/src/client/styles/404.css
@@ -5,7 +5,7 @@
     @apply mr-0 mb-20 text-center;
     @apply md:mr-40 md:mb-0;
     h1 {
-      @apply text-9xl !important;
+      @apply text-9xl;
     }
     .xicon-container {
       @apply inline-block px-6 py-2 border border-solid border-reco-primary rounded-lg bg-reco-primary/90 cursor-pointer font-semibold text-white;

diff --git a/packages/vuepress-theme-reco/src/client/styles/home/bannerBrand.css b/packages/vuepress-theme-reco/src/client/styles/home/bannerBrand.css
@@ -5,9 +5,8 @@
     @apply block box-border px-6 mt-32 max-w-screen-md;
     @apply md:mt-0;
     .title {
-      @apply mb-6 text-5xl text-left bg-gradient-to-r from-reco-primary to-red-500 !important;
-      @apply md:text-7xl !important;
-      @apply leading-tight !important;
+      @apply mb-6 leading-tight text-5xl text-left bg-gradient-to-r from-reco-primary to-red-500;
+      @apply md:text-7xl;
       background-clip: text;
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
@@ -24,12 +23,12 @@
       .xicon-container {
         @apply mb-4 px-4 h-10 leading-none align-middle border-block rounded-lg bg-reco-primary/90 cursor-pointer font-semibold text-white;
         @apply dark:text-reco-text-darkmode;
-        @apply hover:border-reco-primary !important;
+        @apply hover:border-reco-primary;
         &.plain {
           @apply bg-block;
         }
         &.text {
-          @apply bg-transparent px-0 border-0 text-reco-primary !important;
+          @apply bg-transparent px-0 border-0 text-reco-primary;
         }
         &:not(:last-child) {
           @apply mr-4;