migrating previous/next post css properties to previopus-next css component file

This commit is contained in:
Antoine M 2024-01-23 17:30:31 +01:00
parent 15c2550c7a
commit ac8990adf4

View File

@ -1,58 +1,3 @@
.previous-next-questions {
@apply grid grid-cols-2 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;
transition: all 0.2s ease-out;
&:hover {
@apply -translate-y-1;
}
.thematique_icon {
@apply object-contain
w-20
h-20;
}
.question_type,
.question_title {
@apply font-bold;
}
.question_type {
@apply mb-1;
}
.question_title {
line-height: 1.4;
}
}
&__previous {
@apply text-right justify-end;
&: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%;
}
}
&__next {
&: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%;
}
}
&__link-content {
@apply h-fit pt-1;
}
}
.suggested-publications {
.section_titling__title {
@apply text-secondary;