refining block styles and features
This commit is contained in:
parent
121e97c521
commit
989fe02ecd
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user