chore(article-link): use old naming of css class name

though the new thumbnail--xxx naming is cleaner
but this kind of change should be postponed until a major release

assets/css/compiled/main.css

@@ -3779,19 +3779,19 @@ pre {
   width: 100%;
   height: 100%;
 }
-.thumbnail--card {
+.thumbnail_card {
   min-width: 300px;
   height: 200px;
 }
-.thumbnail--related {
+.thumbnail_card_related {
   height: 150px;
 }
-.thumbnail--simple {
+.thumbnail {
   width: 300px;
   min-height: 180px;
 }
 @media (width < 853px) {
-  .thumbnail--simple {
+  .thumbnail {
     width: 100%;
   }
 }

assets/css/main.css

@@ -177,22 +177,22 @@ pre {
   height: 100%;
 }
 
-.thumbnail--card {
+.thumbnail_card {
   min-width: 300px;
   height: 200px;
 }
 
-.thumbnail--related {
+.thumbnail_card_related {
   height: 150px;
 }
 
-.thumbnail--simple {
+.thumbnail {
   width: 300px;
   min-height: 180px;
 }
 
 @variant max-md {
-  .thumbnail--simple {
+  .thumbnail {
     width: 100%;
   }
 }

layouts/partials/article-link/_shortcode.html

@@ -82,7 +82,7 @@
 
 <article class="{{ $cardClasses }}">
   {{ with $featuredURL }}
-    <div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail--simple">
+    <div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail">
       <img
         src="{{ . }}"
         alt=""

layouts/partials/article-link/card-related.html

@@ -53,7 +53,7 @@
 <article
   class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
   {{ with $featuredURL }}
-    <div class="flex-none relative overflow-hidden thumbnail--related">
+    <div class="flex-none relative overflow-hidden thumbnail_card_related">
       <img
         src="{{ . }}"
         alt=""

layouts/partials/article-link/card.html

@@ -57,7 +57,7 @@
 <article
   class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
   {{ with $featuredURL }}
-    <div class="flex-none relative overflow-hidden thumbnail--card">
+    <div class="flex-none relative overflow-hidden thumbnail_card">
       <img
         src="{{ . }}"
         alt=""

layouts/partials/article-link/simple.html

@@ -75,7 +75,7 @@
 
 <article class="{{ $cardClasses }}">
   {{ with $featuredURL }}
-    <div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail--simple">
+    <div class="flex-none relative overflow-hidden {{ $imgWrapperClasses }} thumbnail">
       <img
         src="{{ . }}"
         alt=""

layouts/partials/term-link/card.html

@@ -28,7 +28,7 @@
 <div class="min-w-full">
   <div class="border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative">
     {{ with $featuredURL }}
-      <figure class="not-prose flex-none relative overflow-hidden thumbnail--card">
+      <figure class="not-prose flex-none relative overflow-hidden thumbnail_card">
         <img
           src="{{ . }}"
           alt="{{ $.Page.Title }}"