From 2bfe8ad8eca6cb61841a9793c3652ac2d95c1f0a Mon Sep 17 00:00:00 2001
From: Justineo <justice360@gmail.com>
Date: Thu, 21 Oct 2021 14:44:15 +0800
Subject: [PATCH] feat: improve changelog version highlight style

---
 assets/styles/post.styl |  2 +-
 one/docs/changelog.vue  | 18 +++++++++++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/assets/styles/post.styl b/assets/styles/post.styl
index 391d017..b8b87f3 100644
--- a/assets/styles/post.styl
+++ b/assets/styles/post.styl
@@ -339,7 +339,7 @@ margin-y($top, $bottom = $top)
     color #c5e478
 
   [data-target]
-    animation target-blink 5s ease 1 both
+    animation target-blink 6s ease 1 both
 
 @keyframes target-blink
   0%
diff --git a/one/docs/changelog.vue b/one/docs/changelog.vue
index 8b79a68..6dd2f41 100644
--- a/one/docs/changelog.vue
+++ b/one/docs/changelog.vue
@@ -269,16 +269,13 @@ export default {
     bottom -2px
     left -12px
     width 3px
-    background-color #e1edff
+    background-color #0052cc
     border-radius 1px
     opacity 0
     transform-origin 50% 0
-    transform scaleY(0)
-    transition opacity 0.3s, transform 0.3s
 
   &[data-target]::before
-    opacity 1
-    transform none
+    animation line-enter 6s ease 1 both
 
 h2
   display flex
@@ -342,4 +339,15 @@ h2
 
   p
     margin 0 -0.75em 0 0
+
+@keyframes line-enter
+  0%
+  100%
+    transform scaleY(0)
+    opacity 0
+
+  5%
+  95%
+    transform none
+    opacity 1
 </style>