43 lines
701 B
CSS
43 lines
701 B
CSS
.heading-box--news {
|
|
@apply /* container */
|
|
/* bg-primary */
|
|
/* text-white */
|
|
/* mx-auto */
|
|
/* py-12 */
|
|
/* px-8 */
|
|
/* rounded-3xl */
|
|
mt-8
|
|
flex
|
|
relative
|
|
flex-nowrap
|
|
justify-between;
|
|
.post-infos-capsule {
|
|
@apply mt-8;
|
|
}
|
|
&__type {
|
|
@apply !text-xl !my-0 !tracking-widest;
|
|
}
|
|
&__title {
|
|
@apply !text-4xl font-bold;
|
|
}
|
|
|
|
&__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;
|
|
}
|
|
}
|