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 {
|
||||
.section_titling__title {
|
||||
@apply text-secondary;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user