Refactor CSS to use Bootstrap variables

Updated `.ul-tag-mgr li a` in `admin.css` to use Bootstrap variables for `background-color` and `color`. Removed `--gray-4` variable from `base.css`. Cleaned up `post.css` by removing `color` and `line-height` properties for blockquote elements that used `--gray-4`.
EdiWang · Sep 15, 2024 · 424e677 · 424e677
1 parent a900f0a
commit 424e677
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 6 deletions.
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -222,8 +222,8 @@ div.mce-fullscreen {
         }
 
         .ul-tag-mgr li a {
-            background-color: var(--gray-2);
-            color: var(--gray-4);
+            background-color: var(--bs-gray-200);
+            color: var(--bs-gray-dark);
             cursor: pointer;
             display: inline-block;
             font-size: 16px;

diff --git a/src/Moonglade.Web/wwwroot/css/base.css b/src/Moonglade.Web/wwwroot/css/base.css
@@ -8,7 +8,6 @@
     --gray-1: #FAFAFA;
     --gray-2: #EEE;
     --gray-3: #CCC;
-    --gray-4: #777;
 }
 
 ::selection {

diff --git a/src/Moonglade.Web/wwwroot/css/post.css b/src/Moonglade.Web/wwwroot/css/post.css
@@ -97,10 +97,7 @@ h1.post-title,
     .post-content blockquote footer,
     .post-content blockquote small,
     .post-content blockquote .small {
-        color: var(--gray-4);
-        display: block;
         font-size: 80%;
-        line-height: 1.42857143;
     }
 
 .comment-list .thumbnail {