migrating previous/next post css properties to previopus-next css component file
This commit is contained in:
parent
15c2550c7a
commit
ac8990adf4
|
|
@ -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 {
|
.suggested-publications {
|
||||||
.section_titling__title {
|
.section_titling__title {
|
||||||
@apply text-secondary;
|
@apply text-secondary;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user