.content–featured {
background-color: var(--dva-primary-base); -webkit-clip-path: polygon(50% 5%, 100% 0, 100% 95%, 50% 100%, 0 95%, 0 0); clip-path: polygon(50% 5%, 100% 0, 100% 95%, 50% 100%, 0 95%, 0 0); color: var(--meka-body); padding: var(--spacing-6) var(--spacing-3) 0 var(--spacing-3);
}
.content__header {
color: var(--meka-body); font-size: var(--section-header); font-weight: 700; grid-row: 1; margin-bottom: var(--spacing-3); text-align: center;
}
.content__listing {
display: grid; grid-gap: var(--spacing-3); grid-row: 2; grid-template-columns: repeat(3, 1fr); margin-bottom: calc(-1*var(--spacing-2));
}
.content__listing__item {
border-radius: 4px; min-height: 480px; overflow: hidden; padding: var(--spacing-4); position: relative; transition: all 200ms ease-in-out; transform: translateY(10px); will-change: transform; z-index: 500;
}
.content__listing__item:hover {
transform: translateY(-8px); transform: scale(1.025);
}
.content__listing__year, .content__listing__title, .content__listing__tags {
color: var(--meka-body);
}
.content__listing__year {
font-size: var(--font-size-1);
}
.content__listing__title {
font-size: var(--font-size-4); font-weight: 700; transition: color 150ms ease-in;
}
.content__listing__title:hover {
color: var(--meka-body);
}
.content__listing__tags {
font-size: var(--font-size-1);
}
.content__listing__overlay {
background-color: var(--dva-secondary-dark); opacity: 0.5; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -100;
}
.layout-post .content {
max-width: 960px; margin: 0 auto;
}
.content h1, .content h2 {
font-weight: 700; margin-bottom: var(--spacing-3);
}
.content h1 {
font-size: var(--font-size-6);
}
.content h2 {
font-size: var(--font-size-4);
}
.content p {
line-height: 1.8;
}
.content p:not(:last-child), .content img:not(last-child) {
margin-bottom: var(--spacing-3);
}