style: implement uniform layout clamping and flexbox sizing for blog post cards
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user