chore: tweak tldr appearance

flxzt · Jun 15, 2024 · e6e96e1 · e6e96e1
1 parent aacf0b9
commit e6e96e1
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss
@@ -12,6 +12,16 @@
     color: var(--text-1);
 }
 
+.tldr-div {
+    margin: 1.0em 0 0 0;
+}
+
+.tldr-prefix {
+    padding: 2px 4px;
+    border-radius: 4pt;
+    background-color: var(--primary-color);
+}
+
 .draft-label {
     color: var(--text-0);
     text-decoration: none;
@@ -25,6 +35,10 @@
     color: var(--primary-color);
 }
 
+.primary-color-bg {
+    background-color: var(--primary-color);
+}
+
 .accent-bg {
     color: var(--accent-bg);
 }

diff --git a/templates/macros/macros.html b/templates/macros/macros.html
@@ -142,9 +142,9 @@ <h1 class="item-title">
                 </div>
 
                 {% if page.extra.tldr %}
-                    <div class="tldr">
-                        <strong class="primary-color">tl;dr:</strong><br>
-                        {{ page.extra.tldr }}
+                    <div class="tldr-div">
+                        <strong class="tldr-prefix">tl;dr:</strong>
+                        {{ page.extra.tldr | markdown(inline=true) | safe }}
                     </div>
                 {% endif %}