From 10695141a3b168134ef286d2a03e1152282ae7ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nu=C5=A1a=20Puk=C5=A1i=C4=8D?= <nusa.puksic@gmail.com>
Date: Wed, 19 Feb 2025 15:59:54 +0100
Subject: [PATCH] Card, literalblock, listingblock, aside

---
 src/app.css                 |  3 ++-
 src/styles/publications.css | 37 +++++++++++++++++++++++++++----------
 tailwind.config.cjs         |  1 +
 3 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/src/app.css b/src/app.css
index a90d01f..a28ea1d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -29,7 +29,8 @@
 
   /* Card */
   div.card-leather {
-    @apply bg-primary-0 dark:bg-primary-1000 border-gray-200 has-[:hover]:border-primary-800 dark:border-gray-800 dark:has-[:hover]:border-primary-500;
+    @apply shadow-none text-primary-1000 border-s-4 bg-highlight border-primary-200  has-[:hover]:border-primary-700;
+    @apply dark:bg-primary-1000 dark:border-primary-800 dark:has-[:hover]:border-primary-500;
   }
 
   div.card-leather h1,
diff --git a/src/styles/publications.css b/src/styles/publications.css
index c531ce9..e242fb8 100644
--- a/src/styles/publications.css
+++ b/src/styles/publications.css
@@ -97,17 +97,21 @@
         @apply inline;
     }
 
-    /* blockquote */
+    /* blockquote; prose and poetry quotes */
     .note-leather .quoteblock,
     .note-leather .verseblock {
         @apply p-4 my-4 border-s-4 rounded border-primary-300 bg-primary-50 dark:border-primary-500 dark:bg-primary-700;
     }
 
-    .note-leather .quoteblock .attribution {
+    .note-leather .verseblock pre.content {
+        @apply text-base font-sans;
+    }
+
+    .note-leather .attribution {
         @apply mt-3 italic clear-both;
     }
 
-    .note-leather .quoteblock cite {
+    .note-leather cite {
         @apply text-sm;
     }
 
@@ -116,7 +120,6 @@
         @apply font-semibold;
     }
 
-
     .note-leather .admonitionblock table {
         @apply w-full border-collapse;
     }
@@ -138,9 +141,8 @@
         @apply pt-0;
     }
 
-
     .note-leather .admonitionblock.tip {
-        @apply rounded-lg overflow-hidden border border-success-100 dark:border-success-800;
+        @apply rounded overflow-hidden border border-success-100 dark:border-success-800;
     }
 
     .note-leather .admonitionblock.tip .icon,
@@ -149,7 +151,7 @@
     }
 
     .note-leather .admonitionblock.note {
-        @apply rounded-lg overflow-hidden border border-info-100 dark:border-info-800;
+        @apply rounded overflow-hidden border border-info-100 dark:border-info-700;
     }
 
     .note-leather .admonitionblock.note .icon,
@@ -158,7 +160,7 @@
     }
 
     .note-leather .admonitionblock.important {
-        @apply rounded-lg overflow-hidden border border-primary-200 dark:border-primary-700;
+        @apply rounded overflow-hidden border border-primary-200 dark:border-primary-700;
     }
 
     .note-leather .admonitionblock.important .icon,
@@ -167,7 +169,7 @@
     }
 
     .note-leather .admonitionblock.caution {
-        @apply rounded-lg overflow-hidden border border-warning-200 dark:border-warning-700;
+        @apply rounded overflow-hidden border border-warning-200 dark:border-warning-700;
     }
 
     .note-leather .admonitionblock.caution .icon,
@@ -176,7 +178,7 @@
     }
 
     .note-leather .admonitionblock.warning {
-        @apply rounded-lg overflow-hidden border border-danger-200 dark:border-danger-800;
+        @apply rounded overflow-hidden border border-danger-200 dark:border-danger-800;
     }
 
     .note-leather .admonitionblock.warning .icon,
@@ -184,7 +186,22 @@
         @apply bg-danger-200 dark:bg-danger-800;
     }
 
+    /* listingblock, literalblock */
+    .note-leather .listingblock,
+    .note-leather .literalblock {
+        @apply p-4 rounded  bg-highlight dark:bg-primary-900;
+    }
+
+    .note-leather .sidebarblock .title,
+    .note-leather .listingblock .title,
+    .note-leather .literalblock .title {
+        @apply font-semibold mb-1;
+    }
 
+    /* sidebar */
+    .note-leather .sidebarblock {
+        @apply p-4 rounded bg-info-100 dark:bg-info-800;
+    }
 
     /* video */
     .videoblock .content {
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 62ecb01..e9f0183 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -11,6 +11,7 @@ const config = {
   theme: {
     extend: {
       colors: {
+        highlight: '#f9f6f1',
         primary: {
           0: '#efe6dc',
           50: '#decdb9',