refining block styles and features

This commit is contained in:
Antoine M 2023-11-08 09:57:50 +01:00
parent 121e97c521
commit 989fe02ecd

View File

@ -1,2 +1,55 @@
.homegrade-blocks-press-reviews {
.table_head {
@apply grid gap-x-8 gap-4 grid-cols-10 font-bold
bg-neutral-100 rounded-3xl py-8 px-8;
:nth-child(1) {
@apply col-span-4;
}
:nth-child(2) {
@apply col-span-2;
}
:nth-child(3) {
@apply col-span-2;
}
}
&__article-grid {
@apply py-12;
}
&__press-article {
@apply grid gap-x-8 gap-4 px-4 py-8;
grid-template-columns: repeat(10, 1fr);
align-items: center;
}
&__press-article + &__press-article {
border-top: 1px solid #e2e8f0;
}
&__review-icon {
@apply bg-white shadowed
w-24 h-24
mx-auto
rounded-3xl
flex
items-center
justify-center;
/* @apply w-12 col-span-1; */
img {
max-width: 80%;
max-height: 50%;
}
}
&__article-title-link {
@apply col-span-3 pr-4 font-bold;
}
&__newspaper-source-name {
@apply col-span-2 pl-2;
}
&__publication-date {
@apply col-span-2 capitalize;
}
&__article-download {
@apply col-span-2;
}
}