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-07-18 14:43:33 +02:00
parent fb8559e21d
commit 8fc4f79e4c
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
resources/css/blocks/post-card.css
View File

@ -1,15 +1,15 @@
.post-card {
@apply bg-white flex gap-8 items-center justify-between !p-6 rounded-xl shadowed my-4;
@apply bg-white flex flex-col md:flex-row gap-8 items-start md:items-center justify-between !p-6 rounded-xl shadowed my-4;
text-decoration: none !important;
&__cover {
@apply h-24 w-24 rounded-2xl;
@apply h-16 w-16 md:h-24 md:w-24 rounded-2xl;
&--videos-webinaires {
@apply h-28 w-auto;
}
}
&__tags {
@apply flex items-center gap-3 text-sm;
@apply flex items-start sm:items-center gap-3 text-sm;
.tag {
@apply rounded-md;
padding-top: 0.36rem;
@ -25,7 +25,7 @@
transform: translateX(4px) scale(1.02);
}
&:after {
@apply inline-block h-7 w-7 border-2 border-neutral-900 rounded-full shrink-0 mr-auto;
@apply absolute right-6 top-1/2 md:static inline-block h-7 w-7 border-2 border-neutral-900 rounded-full shrink-0 ml-auto;
content: '';
margin-top: auto;
margin-bottom: auto;