Icons: Fix icon usage in callouts

Author: nginx-jack

assets/css/v2/style.css

@@ -1780,7 +1780,7 @@ blockquote.caution {
     background-color: oklch(var(--color-callout-caution-shadow));
     border-bottom: 1px solid oklch(var(--color-callout-caution));
   }
-  .call-out-type .feather {
+  .call-out-type .lucide {
     color: oklch(var(--color-callout-caution));
   }
 }
@@ -1793,7 +1793,7 @@ blockquote.warning {
     background-color: oklch(var(--color-callout-warning-shadow));
     border-bottom: 1px solid oklch(var(--color-callout-warning));
   }
-  .call-out-type .feather {
+  .call-out-type .lucide {
     color: oklch(var(--color-callout-warning));
   }
 }
@@ -2104,7 +2104,7 @@ hr {
   border: 1px solid oklch(var(--color-divider));
 }
 
-.feather {
+.lucide {
   width: 1.8ch;
   height: 1.8ch;
   stroke: currentColor;
@@ -2116,18 +2116,6 @@ hr {
   margin: 0;
 }
 
-.lucide {
-  width: 1.5rem;
-  height: 1.5rem;
-  stroke: currentColor;
-  fill: none;
-  stroke-width: 2;
-  stroke-linecap: square;
-  stroke-linejoin: square;
-  vertical-align: sub;
-  margin: 0;
-}
-
 /* MARK: Accessibility
 */
 

layouts/partials/callout.html

@@ -23,13 +23,12 @@
 {{ $type := (index (split $class " ") 0) | strings.FirstUpper }}
 {{ $specialTitles := slice "Caution" "Warning" "Deprecated" "Important" }}
 {{ $specialTitleIcons := dict
-  "Caution"    "alert-triangle"
-  "Warning"    "alert-octagon"
-  "Deprecated" "alert-octagon"
-  "Important"  "arrow-right-circle"
+  "Caution"    "triangle-alert"
+  "Warning"    "octagon-alert"
+  "Deprecated" "octagon-alert"
+  "Important"  "circle-arrow-right"
 }}
 {{ $icon := index $specialTitleIcons $type | default "" }}
-
 {{ $isSpecialTitle := in $specialTitles $type }}
 {{ if $isSpecialTitle }}
 {{/*  Loud callouts  */}}