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:48:32 +01:00
parent 0ac8870ff6
commit 74d50cc509
1 changed files with 15 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
resources/css/blocks/kit-presse.css
View File

@ -4,27 +4,24 @@
@apply mt-0; @apply mt-0;
} }
.table_head { .table_head {
@apply grid gap-x-8 gap-4 grid-cols-9 font-bold @apply hidden md:grid gap-x-8 gap-4 font-bold
bg-neutral-100 rounded-3xl py-8 px-8; bg-neutral-100 rounded-3xl py-8 px-8;
:nth-child(1) { grid-template-columns: 4fr 1fr 2fr 2fr;
@apply col-span-4;
}
:nth-child(2) {
@apply col-span-1;
}
:nth-child(3) {
@apply col-span-2;
}
} }
&__press-grid-datas { &__press-grid-datas {
@apply pt-12; @apply pt-12;
} }
&__press-ressource { &__press-ressource {
@apply grid gap-x-8 gap-4 px-4 !py-8 list-none; @apply grid gap-x-8 px-4 !py-8 list-none;
grid-template-columns: repeat(9, 1fr); /* grid-template-columns: repeat(9, 1fr); */
align-items: center; align-items: center;
grid-template-columns: 4fr;
@screen md {
grid-template-columns: 4fr 1fr 2fr 2fr;
}
&:before { &:before {
@apply !content-none !pl-0; @apply !content-none !pl-0;
} }
@ -33,7 +30,7 @@
border-top: 1px solid #e2e8f0; border-top: 1px solid #e2e8f0;
} }
&__ressource-typename { &__ressource-typename {
@apply flex gap-8 col-span-4 items-center; @apply md:flex gap-8 items-center;
} }
&__ressource-icon { &__ressource-icon {
@apply bg-white shadowed @apply bg-white shadowed
@ -50,15 +47,15 @@
} }
} }
&__ressource-title { &__ressource-title {
@apply col-span-3 pr-4 font-bold; @apply pr-4 font-bold;
} }
&__ressource-type { &__ressource-type {
@apply col-span-1 pl-2 uppercase; @apply pl-2 !my-0 uppercase;
} }
&__ressource-date { &__ressource-date {
@apply col-span-2 capitalize; @apply !my-0 capitalize;
} }
&__ressource-download { &__ressource-download {
@apply col-span-2 mx-auto; @apply mt-4 md:mt-0 md:mx-auto;
} }
} }