themes/default/layouts/shortcodes/mark: Support id

1 files changed, 20 insertions, 4 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 3d39f05..c759b46 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -253,7 +253,8 @@ dl:not(:last-child),
 table:not(:last-child),
 figure:not(:last-child),
 code-block:not(:last-child),
-blockquote:not(:last-child) {
+blockquote:not(:last-child),
+article > mark[id]:not(:last-child) {
   margin-bottom: 0.75rem;
 }
 
@@ -297,7 +298,23 @@ sub {
   display: inline-block;
 }
 
-mark {
+article > mark[id] {
+  display: block;
+}
+
+mark:target a {
+  color: inherit;
+  text-decoration-thickness: 2px;
+}
+
+mark[id] {
+  background: none;
+  color: inherit;
+  scroll-margin-top: 6rem;
+}
+
+mark,
+mark:target span {
   background: linear-gradient(
     to bottom,
     transparent 10%,
@@ -312,8 +329,7 @@ mark {
     var(--warning-background) 90%,
     transparent 90%
   );
-  color: #332600;
-  color: var(--warning);
+  color: #000;
 }
 
 ins {