style: implement uniform layout clamping and flexbox sizing for blog post cards

This commit is contained in:
Ümit Tunç
2026-05-25 06:38:19 +03:00
parent 3b83f01952
commit 809f796f56
2 changed files with 38 additions and 15 deletions
+21
View File
@@ -219,6 +219,27 @@
@push('styles')
<style>
/* Ensure uniform layout and clamping for title and excerpt */
.post-title-clamp {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
min-height: 3.9em !important;
line-height: 1.3em !important;
}
.post-excerpt {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
min-height: 4.5em !important;
line-height: 1.5em !important;
}
/* Premium Centered & Large Blog Search Box */
.blog-search-box {
background: #ffffff !important;