From 14aa93bf63d115e018ee4d50a7c8c7579753de37 Mon Sep 17 00:00:00 2001
From: PCloud <heige.pcloud@outlook.com>
Date: Thu, 23 May 2024 16:42:46 +0100
Subject: [PATCH] refactor: migrate comments to tailwind

---
 assets/css/_page/_single.scss             | 1 -
 assets/css/_partial/_single/_comment.scss | 3 ---
 assets/css/main.css                       | 8 ++++++++
 layouts/partials/comment.html             | 2 +-
 4 files changed, 9 insertions(+), 5 deletions(-)
 delete mode 100644 assets/css/_partial/_single/_comment.scss

diff --git a/assets/css/_page/_single.scss b/assets/css/_page/_single.scss
index 35d5ca178..7d1d1c726 100644
--- a/assets/css/_page/_single.scss
+++ b/assets/css/_page/_single.scss
@@ -307,7 +307,6 @@
   }
 
   @import "../_partial/_single/footer";
-  @import "../_partial/_single/comment";
   @import "../_partial/_single/sponsor";
   @import "../_partial/_single/related";
 }
diff --git a/assets/css/_partial/_single/_comment.scss b/assets/css/_partial/_single/_comment.scss
deleted file mode 100644
index 88899f650..000000000
--- a/assets/css/_partial/_single/_comment.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-#comments {
-  padding: 8rem 0 2rem;
-}
diff --git a/assets/css/main.css b/assets/css/main.css
index d2c9ad77c..3c3dedb68 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -929,6 +929,14 @@ html.dark {
   padding-bottom: 0.5rem;
 }
 
+.tw-pb-8 {
+  padding-bottom: 2rem;
+}
+
+.tw-pt-32 {
+  padding-top: 8rem;
+}
+
 .tw-text-fgColor-link-muted {
   color: var(--global-link-color);
 }
diff --git a/layouts/partials/comment.html b/layouts/partials/comment.html
index 55643f964..ae1b54ee5 100644
--- a/layouts/partials/comment.html
+++ b/layouts/partials/comment.html
@@ -5,7 +5,7 @@
 
 {{- if $comment.enable -}}
     {{- .Scratch.SetInMap "this" "commentEnabled" true -}}
-    <div id="comments" class="print:!tw-hidden">
+    <div id="comments" class="print:!tw-hidden tw-pt-32 tw-pb-8">
         {{- /* Disqus Comment System */ -}}
         {{- $disqus := $comment.disqus | default dict -}}
         {{- if $disqus.enable -}}