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 { .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; text-decoration: none !important;
&__cover { &__cover {
@apply h-24 w-24 rounded-2xl; @apply h-16 w-16 md:h-24 md:w-24 rounded-2xl;
&--videos-webinaires { &--videos-webinaires {
@apply h-28 w-auto; @apply h-28 w-auto;
} }
} }
&__tags { &__tags {
@apply flex items-center gap-3 text-sm; @apply flex items-start sm:items-center gap-3 text-sm;
.tag { .tag {
@apply rounded-md; @apply rounded-md;
padding-top: 0.36rem; padding-top: 0.36rem;
@ -25,7 +25,7 @@
transform: translateX(4px) scale(1.02); transform: translateX(4px) scale(1.02);
} }
&:after { &: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: ''; content: '';
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;