Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining responsive

Browse Source
This commit is contained in:
Antoine M 2024-01-18 15:44:57 +01:00
parent d9e5004fbc
commit feef65f8bc
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
resources/css/blocks/press-reviews.css
View File

@ -1,17 +1,11 @@
.homegrade-blocks-press-reviews { .homegrade-blocks-press-reviews {
@apply py-6; @apply py-6;
.table_head { .table_head {
@apply grid gap-x-8 gap-4 grid-cols-10 font-bold @apply hidden md:grid gap-x-8 gap-4 grid-cols-10 font-bold
bg-neutral-100 rounded-3xl py-8 px-8; bg-neutral-100 rounded-3xl py-8 px-8;
grid-template-columns: 1fr 3fr 2fr 2fr 2fr;
:nth-child(1) { :nth-child(1) {
@apply col-span-4;
}
:nth-child(2) {
@apply col-span-2;
}
:nth-child(3) {
@apply col-span-2; @apply col-span-2;
} }
} }
@ -19,9 +13,15 @@
@apply !pt-0 !mt-0; @apply !pt-0 !mt-0;
} }
&__press-article { &__press-article {
@apply grid gap-x-8 gap-4 px-4 !py-8; @apply grid gap-x-6 px-4 !py-8;
grid-template-columns: repeat(10, 1fr); /* align-items: center; */
align-items: center;
grid-template-columns: 1fr;
@screen md {
grid-template-columns: 1fr 3fr 2fr 2fr 2fr;
}
&:before { &:before {
display: none !important; display: none !important;
content: none !important; content: none !important;
@ -33,7 +33,8 @@
&__review-icon { &__review-icon {
@apply bg-white shadowed @apply bg-white shadowed
w-20 h-20 w-20 h-20
mx-auto mb-4 md:mb-0
md:mx-auto
rounded-2xl rounded-2xl
flex flex
items-center items-center
@ -45,17 +46,16 @@
} }
} }
&__article-title-link { &__article-title-link {
@apply col-span-3 pr-4 font-bold; @apply pr-4 font-bold;
} }
&__newspaper-source-name { &__newspaper-source-name {
@apply col-span-2 pl-2; @apply pl-2 !my-0;
} }
&__publication-date { &__publication-date {
@apply col-span-2 capitalize; @apply capitalize !my-0;
} }
&__article-download { &__article-download {
@apply col-span-2;
} }
.section_titling__title:first-child { .section_titling__title:first-child {
@apply mt-0; @apply mt-0;