refining layout
This commit is contained in:
parent
86c641a3c2
commit
b9868effa3
|
|
@ -2,7 +2,32 @@
|
||||||
&.card-large-content-container--has-illustration {
|
&.card-large-content-container--has-illustration {
|
||||||
@apply pt-64;
|
@apply pt-64;
|
||||||
}
|
}
|
||||||
|
.card-large-content {
|
||||||
|
&__link {
|
||||||
|
@apply flex flex-col justify-center;
|
||||||
|
.card-large-content__link__page_icon {
|
||||||
|
@apply w-20 h-24 object-contain object-bottom;
|
||||||
|
}
|
||||||
|
.card-large-content__link__title {
|
||||||
|
@apply relative pl-3;
|
||||||
|
&:before {
|
||||||
|
content: '';
|
||||||
|
@apply bg-neutral-900 absolute;
|
||||||
|
height: 40%;
|
||||||
|
width: 2px;
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card-large-content__link__excerpt {
|
||||||
|
@apply mb-6;
|
||||||
|
}
|
||||||
|
.cta {
|
||||||
|
@apply px-6 w-full text-center md:w-fit mt-auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.card-large-content--has-illustration {
|
.card-large-content--has-illustration {
|
||||||
@apply pt-28;
|
@apply pt-28;
|
||||||
}
|
}
|
||||||
|
|
@ -14,11 +39,5 @@
|
||||||
md:grid-cols-2
|
md:grid-cols-2
|
||||||
lg:grid-cols-4
|
lg:grid-cols-4
|
||||||
gap-x-12;
|
gap-x-12;
|
||||||
.card-large-content__link {
|
|
||||||
/* @apply flex flex-col; */
|
|
||||||
.cta {
|
|
||||||
@apply self-end px-6 w-full text-center md:w-fit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user