Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Handlming transitions and details text

Browse Source
This commit is contained in:
Antoine M 2026-02-24 17:30:17 +01:00
parent b99356a4da
commit 24ef4eb48a
1 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
resources/css/components/post-card.css
View File

@ -1,5 +1,10 @@
.post-card { .post-card {
@apply bg-white border border-primary p-6; @apply bg-white border border-primary p-6;
transition: transform 0.3s ease-out;
&:hover {
transform: translateY(-4px);
}
h3.card__title { h3.card__title {
@apply mb-6; @apply mb-6;
} }
@ -33,11 +38,30 @@
@apply text-lg flex items-center gap-2; @apply text-lg flex items-center gap-2;
&::before { &::before {
@apply w-6 h-6 block rounded-full bg-no-repeat bg-center bg-contain; @apply w-6 h-6 block bg-no-repeat bg-center bg-contain;
content: ''; content: '';
background-image: url('../resources/img/icons/carhop-plume.svg');
@apply filter-primary; @apply filter-primary;
} }
&.author::before {
background-image: url('../resources/img/icons/carhop-plume2.svg');
}
&.editor::before {
background-image: url('../resources/img/icons/carhop-bookmark.svg');
}
}
}
&__details-text {
@apply flex flex-col gap-2;
}
.tag-list {
@apply flex flex-wrap gap-2 mt-4;
&__tag {
@apply text-primary bg-white border border-solid border-primary px-4 py-2;
&:hover {
@apply bg-primary text-white;
}
} }
} }
} }