homegrade_theme_production/resources/css/pages/single-news.css

74 lines
1.9 KiB
CSS

.entry-content.single-news-editor-content {
@apply mx-auto mt-8 px-4;
ul li::marker,
ol li::marker {
@apply text-purple-500;
}
ul li:before {
@apply !bg-secondary;
}
}
.post-news-page-container {
.previous-next-posts {
@apply grid md:grid-cols-2 gap-y-4 gap-8 mx-auto max-w-screen-xl px-6 xl:px-24 my-16;
&__previous,
&__next {
@apply flex gap-4 bg-white rounded-lg shadowed py-4 px-6 items-center;
transition: all 0.2s ease-out;
text-decoration: none !important;
&:hover {
@apply -translate-y-1;
}
.post_thumbnail {
@apply object-contain
rounded-lg
w-20
h-20;
}
.post_denomination,
.post_title {
@apply font-bold no-underline;
}
.post_denomination {
@apply mb-1 text-secondary;
}
.post_title {
@apply text-neutral-900;
line-height: 1.4;
}
}
&__previous {
@apply text-left justify-end;
&:after {
@apply inline-block h-7 w-7 border-2 border-neutral-900 rounded-full shrink-0;
content: '';
margin-top: auto;
margin-bottom: auto;
background-image: url('../resources/img/graphic-assets/chevron_right.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 50% 50%;
}
}
&__next {
@apply text-right;
&:before {
@apply inline-block h-7 w-7 border-2 border-neutral-900 rounded-full shrink-0;
content: '';
margin-top: auto;
margin-bottom: auto;
background-image: url('../resources/img/graphic-assets/chevron_left.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 50% 50%;
}
}
&__link-content {
@apply h-fit pt-1;
}
}
}