blog page updates

Author: ivanchromjak

assets/css/style.css

@@ -1555,6 +1555,13 @@ select {
   -webkit-line-clamp: 2;
 }
 
+.line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+
 .block {
   display: block;
 }
@@ -3106,6 +3113,13 @@ select {
   -webkit-line-clamp: 2;
 }
 
+.line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+
 .slide {
   animation: slide 15s linear infinite;
 }

layouts/partials/card-post.html

@@ -1,4 +1,4 @@
-<div class="relative p-4 sm:p-6 lg:p-8 border border-primary-200 dark:border-primary-800 rounded-lg hover:shadow-xl">
+<div class="relative p-4 sm:p-6 lg:p-8 border border-primary-300 dark:border-primary-800 rounded-lg hover:shadow-xl">
   {{ with .Params.image }}
     <div class="aspect-w-16 aspect-h-9 lg:aspect-h-10 rounded overflow-hidden block mb-7">
       {{ partial "components/image-responsive" (dict "src" (. | relURL) "alt" $.Title "class" "w-full h-full object-center object-cover" "sizes" "(min-width: 1024px) 50vw, 100vw" "widths" (slice 640 1024 2048)) }}
@@ -13,6 +13,6 @@
     <time datetime="2020-03-16" class="inline-block whitespace-nowrap uppercase bg-slate-100 dark:bg-primary-900 text-slate-600 dark:text-slate-300 text-xs font-medium rounded-full px-2 py-1 lg:px-3 lg:py-2 tracking-wider">{{ dateFormat "Jan 02, 2006" .Date }}</time> 
   </div>
   <h3 class="text-2xl md:text-3xl leading-normal md:leading-normal font-bold font-heading mt-5 text-blue-950 dark:text-white">{{ .Title }}</h3>
-  <p class="mt-3 text-base leading-loose line-clamp-2 text-slate-600 dark:text-slate-300">{{ .Summary }}</p>
+  <div class="mt-3 text-base leading-loose line-clamp-3 text-slate-600 dark:text-slate-300">{{ .Summary }}</div>
   <a href="{{ .Permalink }}" class="absolute inset-0" title="{{ .Title }}"></a>
 </div>