Add new internal ref shortcodes

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
2024-12-25 19:03:05 -08:00
parent 9536c9fb25
commit 431d4b0990
3 changed files with 40 additions and 0 deletions
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -478,3 +478,24 @@ blockquote {
 .side-by-side-item {
  flex-basis: 0;
 }
+
+.internal-ref {
+  text-decoration: underline;
+  break-inside: avoid;
+
+  &:target {
+    @include var(background-color, target-background-color);
+    border-radius: 1rem;
+
+    .internal-ref-counter {
+      @include var(background-color, target-background-color);
+    }
+  }
+}
+
+.internal-ref-counter {
+  display: inline-block;
+  border: $standard-border;
+  border-radius: 0.5rem;
+  padding: 0 0.25rem 0 0.25rem;
+}