refining layout
This commit is contained in:
parent
86c641a3c2
commit
b9868effa3
|
|
@ -2,7 +2,32 @@
|
|||
&.card-large-content-container--has-illustration {
|
||||
@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 {
|
||||
@apply pt-28;
|
||||
}
|
||||
|
|
@ -14,11 +39,5 @@
|
|||
md:grid-cols-2
|
||||
lg:grid-cols-4
|
||||
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