Sed posuere consectetur est at lobortis lorem ipsum nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Vivamu... >
Menu
Archive
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
.featured .sol-image {
position: relative;
overflow: hidden;
}
.featured .sol-image .thumbnail-link-grids {
display: block;
width: 100%;
height: 100%;
}
.featured .sol-image .thumbnail-background {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.solace-post-archive .data-post {
display: grid;
gap: 2rem;
}
/* Desktop default */
.solace-post-archive.layout-column-desktop-1 .data-post { grid-template-columns: 1fr; }
.solace-post-archive.layout-column-desktop-2 .data-post { grid-template-columns: repeat(2, 1fr); }
.solace-post-archive.layout-column-desktop-3 .data-post { grid-template-columns: repeat(3, 1fr); }
.solace-post-archive.layout-column-desktop-4 .data-post { grid-template-columns: repeat(4, 1fr); }
.solace-post-archive.layout-column-desktop-5 .data-post { grid-template-columns: repeat(5, 1fr); }
/* Tablet */
@media (max-width: 768px) {
.solace-post-archive.layout-column-tablet-1 .data-post { grid-template-columns: 1fr; }
.solace-post-archive.layout-column-tablet-2 .data-post { grid-template-columns: repeat(2, 1fr); }
.solace-post-archive.layout-column-tablet-3 .data-post { grid-template-columns: repeat(3, 1fr); }
.solace-post-archive.layout-column-tablet-4 .data-post { grid-template-columns: repeat(4, 1fr); }
.solace-post-archive.layout-column-tablet-5 .data-post { grid-template-columns: repeat(5, 1fr); }
}
/* Mobile */
@media (max-width: 480px) {
.solace-post-archive.layout-column-mobile-1 .data-post { grid-template-columns: 1fr; }
.solace-post-archive.layout-column-mobile-2 .data-post { grid-template-columns: repeat(2, 1fr); }
.solace-post-archive.layout-column-mobile-3 .data-post { grid-template-columns: repeat(3, 1fr); }
.solace-post-archive.layout-column-mobile-4 .data-post { grid-template-columns: repeat(4, 1fr); }
.solace-post-archive.layout-column-mobile-5 .data-post { grid-template-columns: repeat(5, 1fr); }
}
/* Optional styling artikel */
.solace-post-archive .article {
background: #fff;
border: 1px solid #ddd;
height: fit-content;
}
.featured {
position: relative;
margin-bottom: 35px;
}
.sol-title h1,.sol-title h2,.sol-title h3,.sol-title h4,.sol-title h5,.sol-title h6,.sol-title div,.sol-title span,.sol-title p {
margin-bottom: 0;
}
.sol-title a,
.sol-title a:visited {
color: var(--single-link-color);
}
.sol-title a:hover {
color: var(--single-link-hover);
}
/* .sol-content {
padding: 0 30px;
} */
.sol-readmore {
margin-top: 25px;
margin-bottom: 25px;
}
.sol-author {
position: relative;
margin-right: 22px;
}
.sol-author::after {
content: "•";
content: "";
position: absolute;
right: -14px;
width: 3px;
height: 3px;
background: var(--sol-color-base-font);
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
}
.sol-meta {
display: flex;
flex-wrap: wrap;
border-top: 1px solid var(--sol-color-border);
/* padding: 15px 30px; */
color: var(--sol-color-base-font);
font-size: 0.8125rem;
text-transform: capitalize;
}
.sol-category {
text-decoration: none;
display: block;
border-radius: 3px;
margin: 30px;
position: absolute;
top: 0;
left: 0;
padding: 0.6em 1.2em;
background: var(--sol-color-link-button-initial);
}
.solace-post-archive .sol-category,
.solace-post-archive .sol-category a {
color: #fff;
}
.solace-post-archive .sol-author-image {
position: absolute;
bottom: -33px;
left: 30px;
}
.solace-post-archive .sol-author-image img {
border-radius: 100px;
}
.solace-pagination {
margin-top: 2rem;
display: flex;
}
.solace-pagination .page-numbers {
padding: 0.5rem 1rem;
display: inline-block;
margin: 0 0.2rem;
text-decoration: none;
}
.solace-pagination .current {
font-weight: bold;
border-color: #333;
padding: 0.5rem 1rem;
margin: 0 0.2rem;
}
jQuery(document).ready(function($){
// Scope khusus widget ini
var widget = $('#solace-post-archive-971a134');
var container = widget.find('.data-post');
function adjustPosts(){
var articles = container.find('article');
var w = window.innerWidth;
var max = container.data('posts-desktop');
if(w <= 768) max = container.data('posts-tablet');
if(w <= 480) max = container.data('posts-mobile');
articles.show();
articles.slice(max).hide();
}
function adjustExcerpt(){
widget.find('.sol-excerpt').each(function(){
var $this = $(this);
var fullText = $this.data('fulltext');
if(!fullText) {
fullText = $this.text().replace(/\.\.\.$/, '');
$this.data('fulltext', fullText);
}
var w = window.innerWidth;
var len = $this.data('excerpt-desktop');
if(w <= 768) len = $this.data('excerpt-tablet');
if(w len) trimmed += '...';
$this.text(trimmed);
});
}
// Run initial
adjustPosts();
adjustExcerpt();
// On Resize
var resizeTimer;
$(window).on('resize', function(){
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function(){
adjustPosts();
adjustExcerpt();
}, 200);
});
});
Sed posuere consectetur est at lobortis lorem ipsum nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Vivamu... >
Sed posuere consectetur est at lobortis lorem ipsum nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Vivamu... >
Sed posuere consectetur est at lobortis lorem ipsum nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Vivamu... >
Sed posuere consectetur est at lobortis lorem ipsum nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Vivamu... >