43 lines
708 B
CSS
43 lines
708 B
CSS
.news-heading-box {
|
|
@apply container
|
|
bg-primary
|
|
text-white
|
|
mx-auto
|
|
py-12
|
|
px-8
|
|
rounded-3xl
|
|
mt-8
|
|
relative
|
|
flex
|
|
flex-nowrap
|
|
justify-between;
|
|
.post-infos-capsule {
|
|
@apply mt-8;
|
|
}
|
|
&__type {
|
|
@apply uppercase font-medium text-xl tracking-widest;
|
|
}
|
|
&__title {
|
|
@apply font-bold text-4xl pt-4 max-w-xl;
|
|
line-height: 1.2;
|
|
}
|
|
&__page-icon {
|
|
@apply mx-auto w-28 absolute top-0 left-1/2;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
&__content {
|
|
flex-shrink: 1;
|
|
flex-grow: 2;
|
|
}
|
|
|
|
&__thumbnail {
|
|
@apply w-80 h-56 object-cover
|
|
rounded-3xl
|
|
hidden
|
|
lg:block;
|
|
|
|
flex-shrink: 2;
|
|
}
|
|
}
|