Add Important blockquote type

iamgio · Oct 5, 2024 · d2fe510 · d2fe510
1 parent ac196d1
commit d2fe510
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 1 deletion.
diff --git a/core/src/main/kotlin/eu/iamgio/quarkdown/ast/base/block/BlockQuote.kt b/core/src/main/kotlin/eu/iamgio/quarkdown/ast/base/block/BlockQuote.kt
@@ -21,12 +21,13 @@ data class BlockQuote(
     override fun <T> accept(visitor: NodeVisitor<T>) = visitor.visit(this)
 
     /**
-     * Specific types of quotes.
+     * Type a [BlockQuote] might have.
      */
     enum class Type : RenderRepresentable {
         TIP,
         NOTE,
         WARNING,
+        IMPORTANT,
         ;
 
         override fun <T> accept(visitor: RenderRepresentableVisitor<T>): T = visitor.visit(this)

diff --git a/core/src/main/resources/render/theme/color/darko.css b/core/src/main/resources/render/theme/color/darko.css
@@ -10,6 +10,7 @@
     --qd-tip-foreground-color: #86DC93;
     --qd-note-foreground-color: #84AAEC;
     --qd-warning-foreground-color: #FFB86C;
+    --qd-important-foreground-color: #FF7373;
 }
 
 hr {

diff --git a/core/src/main/resources/render/theme/global.css b/core/src/main/resources/render/theme/global.css
@@ -50,6 +50,9 @@
     /* Warning elements */
     --qd-warning-foreground-color: rgb(161, 76, 32);
     --qd-warning-background-color: color-mix(in srgb, var(--qd-warning-foreground-color) 5%, transparent);
+    /* Important elements */
+    --qd-important-foreground-color: rgb(145, 34, 34);
+    --qd-important-background-color: color-mix(in srgb, var(--qd-important-foreground-color) 5%, transparent);
 
     /* Reveal properties */
     --r-background-color: var(--qd-background-color);
@@ -166,6 +169,15 @@ blockquote.warning :first-child::before {
     color: var(--qd-warning-foreground-color);
 }
 
+blockquote.important {
+    border-color: var(--qd-important-foreground-color);
+    background-color: var(--qd-important-background-color);
+}
+
+blockquote.important :first-child::before {
+    color: var(--qd-important-foreground-color);
+}
+
 blockquote .attribution {
     opacity: 0.6;
     display: block !important;

diff --git a/stdlib/src/main/resources/lib/localization.qmd b/stdlib/src/main/resources/lib/localization.qmd
@@ -5,11 +5,13 @@
         - note: Note
         - tip: Tip
         - warning: Warning
+        - important: Important
         - error: Error
         - tableofcontents: Table of Contents
     - Italian
         - note: Nota
         - tip: Consiglio
         - warning: Attenzione
+        - important: Importante
         - error: Errore
         - tableofcontents: Indice
diff --git a/test/src/test/kotlin/eu/iamgio/quarkdown/test/FullPipelineTest.kt b/test/src/test/kotlin/eu/iamgio/quarkdown/test/FullPipelineTest.kt
@@ -199,13 +199,18 @@ class FullPipelineTest {
             > Tip: you could try Quarkdown.  
             > It's a cool language!
             > - **iamgio**
+            
+            > Important: leave a feedback!
             """.trimIndent(),
         ) {
             assertEquals(
                 "<blockquote class=\"tip\" style=\"--quote-type-label: 'Consiglio';\" data-labeled=\"\">" +
                     "<p>you could try Quarkdown.<br />" +
                     "It&rsquo;s a cool language!</p>" +
                     "<p class=\"attribution\"><strong>iamgio</strong></p>" +
+                    "</blockquote>" +
+                    "<blockquote class=\"important\" style=\"--quote-type-label: 'Importante';\" data-labeled=\"\">" +
+                    "<p>leave a feedback!</p>" +
                     "</blockquote>",
                 it,
             )