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