refining block styles and features
This commit is contained in:
parent
121e97c521
commit
989fe02ecd
|
|
@ -1,2 +1,55 @@
|
||||||
.homegrade-blocks-press-reviews {
|
.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