Callout: Added class names to each strong tag

Author: lamATnginx

assets/css/v2/style.css

@@ -1117,18 +1117,14 @@ blockquote ul {
 blockquote.call-out {
   padding: 0.5rem;
 
-  strong {
+  .call-out-type {
     display: block;
     padding: 0.25rem 0.5rem;
     margin: -0.5rem 0 0.5rem -0.5rem;
     width: calc(100% + 1rem);
     font-weight: 500;
   }
 
-  p {
-    padding: 0.5rem;
-  }
-
   br {
     display: none;
   }
@@ -1138,7 +1134,7 @@ blockquote.caution {
   --color-shadow: oklch(var(--color-callout-caution-shadow));
   border: 1px solid oklch(var(--color-callout-caution-primary));
 
-  strong {
+  .call-out-type {
     background-color: oklch(var(--color-callout-caution-shadow));
     border-bottom: 1px solid oklch(var(--color-callout-caution-primary));
   }
@@ -1148,7 +1144,7 @@ blockquote.warning {
   --color-shadow: oklch(var(--color-callout-warning-shadow));
   border: 1px solid oklch(var(--color-callout-warning-primary));
 
-  strong {
+  .call-out-type {
     background-color: oklch(var(--color-callout-warning-shadow));
     border-bottom: 1px solid oklch(var(--color-callout-warning-primary));
   }
@@ -1158,7 +1154,7 @@ blockquote.important {
   --color-shadow: oklch(var(--color-callout-important-shadow));
   border: 1px solid oklch(var(--color-callout-important-primary));
 
-  strong {
+  .call-out-type {
     background-color: oklch(var(--color-callout-important-shadow));
     border-bottom: 1px solid oklch(var(--color-callout-important-primary));
   }

layouts/shortcodes/caution.html

@@ -1,3 +1,3 @@
 <blockquote class="caution call-out">
-  <div><strong>Caution</strong><br/> {{ .Inner | markdownify }}</div>
+  <div><strong class="call-out-type">Caution</strong><br/> {{ .Inner | markdownify }}</div>
 </blockquote>

layouts/shortcodes/deprecated.html

@@ -1,3 +1,3 @@
 <blockquote class="warning call-out">
-  <div><strong>Deprecated</strong><br/> {{ .Inner | markdownify }}</div>
+  <div><strong class="call-out-type">Deprecated</strong><br/> {{ .Inner | markdownify }}</div>
 </blockquote>

layouts/shortcodes/important.html

@@ -1,3 +1,3 @@
 <blockquote class="important call-out">
-  <div><strong>Important</strong><br/> {{ .Inner | markdownify }}</div>
+  <div><strong class="call-out-type">Important</strong><br/> {{ .Inner | markdownify }}</div>
 </blockquote>

layouts/shortcodes/warning.html

@@ -1,3 +1,3 @@
 <blockquote class="warning call-out">
-  <div><strong>Warning</strong><br/> {{ .Inner | markdownify }}</div>
+  <div><strong class="call-out-type">Warning</strong><br/> {{ .Inner | markdownify }}</div>
 </blockquote>