From b46476fdf19a6c9bb42a41d0a4422026d4306506 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Mon, 21 Oct 2024 17:52:58 +0200
Subject: [PATCH] feat: :lipstick: add callout aliases

---
 src/css/modules/callouts.css | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/css/modules/callouts.css b/src/css/modules/callouts.css
index 9f42ced..0695c2e 100644
--- a/src/css/modules/callouts.css
+++ b/src/css/modules/callouts.css
@@ -28,7 +28,9 @@
   @apply ms-9;
 }
 
-.callout[data-callout='abstract'] {
+.callout[data-callout='abstract'],
+.callout[data-callout='summary'],
+.callout[data-callout='tldr'] {
   @apply border-fuchsia-700 bg-fuchsia-200 text-fuchsia-700 dark:border-fuchsia-200 dark:bg-fuchsia-900 dark:text-fuchsia-200;
 }
 
@@ -36,7 +38,8 @@
   @apply border-rose-700 bg-rose-200 text-rose-700 dark:border-rose-200 dark:bg-rose-900 dark:text-rose-200;
 }
 
-.callout[data-callout='danger'] {
+.callout[data-callout='danger'],
+.callout[data-callout='error'] {
   @apply border-amber-700 bg-amber-200 text-amber-700 dark:border-amber-200 dark:bg-amber-900 dark:text-amber-200;
 }
 
@@ -44,7 +47,9 @@
   @apply border-stone-700 bg-stone-200 text-stone-700 dark:border-stone-200 dark:bg-stone-900 dark:text-stone-200;
 }
 
-.callout[data-callout='failure'] {
+.callout[data-callout='failure'],
+.callout[data-callout='fail'],
+.callout[data-callout='missing'] {
   @apply border-red-700 bg-red-200 text-red-700 dark:border-red-200 dark:bg-red-900 dark:text-red-200;
 }
 
@@ -56,19 +61,26 @@
   @apply border-cyan-700 bg-cyan-200 text-cyan-700 dark:border-cyan-200 dark:bg-cyan-900 dark:text-cyan-200;
 }
 
-.callout[data-callout='question'] {
+.callout[data-callout='question'],
+.callout[data-callout='faq'],
+.callout[data-callout='help'] {
   @apply border-blue-700 bg-blue-200 text-blue-700 dark:border-blue-200 dark:bg-blue-900 dark:text-blue-200;
 }
 
-.callout[data-callout='quote'] {
+.callout[data-callout='quote'],
+.callout[data-callout='cite'] {
   @apply border-zinc-700 bg-zinc-200 text-zinc-700 dark:border-zinc-200 dark:bg-zinc-900 dark:text-zinc-200;
 }
 
-.callout[data-callout='success'] {
+.callout[data-callout='success'],
+.callout[data-callout='check'],
+.callout[data-callout='done'] {
   @apply border-emerald-700 bg-emerald-200 text-emerald-700 dark:border-emerald-200 dark:bg-emerald-900 dark:text-emerald-200;
 }
 
-.callout[data-callout='tip'] {
+.callout[data-callout='tip'],
+.callout[data-callout='hint'],
+.callout[data-callout='important'] {
   @apply border-indigo-700 bg-indigo-200 text-indigo-700 dark:border-indigo-200 dark:bg-indigo-900 dark:text-indigo-200;
 }
 
@@ -76,6 +88,8 @@
   @apply border-lime-700 bg-lime-200 text-lime-700 dark:border-lime-200 dark:bg-lime-900 dark:text-lime-200;
 }
 
-.callout[data-callout='warning'] {
+.callout[data-callout='warning'],
+.callout[data-callout='attention'],
+.callout[data-callout='caution'] {
   @apply border-amber-700 bg-amber-200 text-amber-700 dark:border-amber-200 dark:bg-amber-900 dark:text-amber-200;
 }