add link style and selection color

2026-01-11 02:01:29 +08:00 · 2021-11-26 21:10:45 +08:00
parent b8dd8f7f37
commit e265a97c00
1 changed files with 33 additions and 0 deletions
--- a/layouts/partials/extended_footer.html
+++ b/layouts/partials/extended_footer.html
@@ -0,0 +1,33 @@
+<!-- link style -->
+<style>
+    .post-content a {
+        transition: background-size 0.1s ease;
+        background: linear-gradient(to bottom, transparent 62%, #fff56644 0) center center/0% 75% no-repeat;
+        color: #52c41a;
+        cursor: pointer;
+    }
+
+    .post-content a:hover {
+        background-size: 100% 100%;
+        color: #389e0d;
+    }
+
+    .post-content a:active {
+        background-size: 80% 100%;
+    }
+</style>
+
+
+<style>
+    ::selection {
+        background: #52c41a44;
+    }
+
+    ::-moz-selection {
+        background: #52c41a44;
+    }
+
+    ::-webkit-selection {
+        background: #52c41a44;
+    }
+</style>