You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.6 KiB
63 lines
1.6 KiB
7 months ago
|
// ================================================================================================
|
||
|
|
// File Name: blog.scss
|
||
|
|
// Description: blog related pages layouts SCSS.
|
||
|
|
// ----------------------------------------------------------------------------------------------
|
||
|
|
// Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||
|
|
// Author: PIXINVENT
|
||
|
|
// Author URL: http://www.themeforest.net/user/pixinvent
|
||
|
|
// ================================================================================================
|
||
|
|
|
||
|
|
@import '../bootstrap-extended/include'; // Bootstrap includes
|
||
|
|
@import '../components/include'; // Components includes
|
||
|
|
|
||
|
|
// blog list
|
||
|
|
.blog-list-wrapper {
|
||
|
|
// Truncate blog titles with 2 lines
|
||
|
|
.blog-title-truncate {
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-line-clamp: 2;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Truncate blog content with 3 lines
|
||
|
|
.blog-content-truncate {
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-line-clamp: 3;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Blog Detail
|
||
|
|
.blog-detail-wrapper {
|
||
|
|
.blog-detail-share .dropdown-menu {
|
||
|
|
min-width: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Blog Sidebar
|
||
|
|
.blog-sidebar {
|
||
|
|
.blog-recent-posts {
|
||
|
|
img {
|
||
|
|
object-fit: cover;
|
||
|
|
}
|
||
|
|
// below scss is written because recent blog posts' titles are links to other pages
|
||
|
|
.text-body-heading:hover {
|
||
|
|
color: $link-hover-color !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-recent-post-title,
|
||
|
|
.blog-category-title {
|
||
|
|
line-height: 23px;
|
||
|
|
letter-spacing: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Blog Edit
|
||
|
|
.blog-edit-wrapper {
|
||
|
|
.border {
|
||
|
|
border-color: $input-border-color !important;
|
||
|
|
}
|
||
|
|
}
|