From d441e8487e2d5612b230b90a9f5f84d4f2b8123c Mon Sep 17 00:00:00 2001
From: Cell <1024@lruihao.cn>
Date: Fri, 10 Mar 2023 17:49:45 +0800
Subject: [PATCH] :bug: Fix: resolve style conflicts between valine and
 animate.css (#304)

---
 CHANGELOG.md                 |  1 +
 assets/css/_core/_patch.scss | 20 ++++++++++++++++++++
 assets/css/style.scss        |  1 +
 3 files changed, 22 insertions(+)
 create mode 100644 assets/css/_core/_patch.scss

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7cd69029..b4f317b8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -22,6 +22,7 @@ All notable changes to this project will be documented in this file.
 - :bug: Fix: js.build is executed after fingerprint, resulting in the destruction of js integrity
 - :bug: Fix: toc fails when the toc aside is on the left
 - :bug: Fix: APlayer invades the click event of the anchor links, resulting in invalid Chinese anchor links scrolling ([#292](https://github.com/hugo-fixit/FixIt/issues/292))
+- :bug: Fix: resolve style conflicts between valine and animate.css ([#304](https://github.com/hugo-fixit/FixIt/issues/304))
 - :recycle: Refactor: image lazy loading ([#283](https://github.com/hugo-fixit/FixIt/pull/283))
 - :recycle: Refactor: author's avatar of post or profile ([#288](https://github.com/hugo-fixit/FixIt/pull/288))
 - :art: Style: fix `#comments` css style conflict ([#269](https://github.com/hugo-fixit/FixIt/issues/269))
diff --git a/assets/css/_core/_patch.scss b/assets/css/_core/_patch.scss
new file mode 100644
index 00000000..6d232df6
--- /dev/null
+++ b/assets/css/_core/_patch.scss
@@ -0,0 +1,20 @@
+/* Resolve style conflicts between third-party plugins */
+
+@keyframes #{$prefix}pulse {
+  from {
+    @include transform(scale3d(1, 1, 1));
+  }
+
+  50% {
+    @include transform(scale3d(1.05, 1.05, 1.05));
+  }
+
+  to {
+    @include transform(scale3d(1, 1, 1));
+  }
+}
+
+.animate__pulse {
+  -webkit-animation-name: #{$prefix}pulse !important;
+  animation-name: #{$prefix}pulse !important;
+}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index f3d9f6d0..d2b8092c 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -7,6 +7,7 @@
 @import "_core/base";
 @import "_core/layout";
 @import "_core/common";
+@import "_core/patch";
 @import "_page";
 @import "_core/media";
 @import "_custom";