40 lines
1.1 KiB
CSS
40 lines
1.1 KiB
CSS
.post-card {
|
|
@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;
|
|
transition: all 0.3s ease;
|
|
&__cover {
|
|
@apply h-16 w-16 md:h-24 md:w-24 rounded-2xl;
|
|
&--videos-webinaires {
|
|
@apply h-28 w-auto;
|
|
}
|
|
}
|
|
&__tags {
|
|
@apply flex items-start sm:items-center gap-3 text-sm;
|
|
.tag {
|
|
@apply rounded-md;
|
|
padding-top: 0.36rem;
|
|
padding-bottom: 0.36rem;
|
|
}
|
|
}
|
|
&__title {
|
|
@apply !text-lg !font-bold text-black !mb-0 !mt-4;
|
|
}
|
|
&:hover {
|
|
@apply translate-x-3 !bg-transparent !rounded-xl;
|
|
}
|
|
/* &:hover {
|
|
@apply !bg-white !rounded-xl;
|
|
transform: translateX(4px);
|
|
} */
|
|
&:after {
|
|
@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;
|
|
background-image: url('../resources/img/graphic-assets/chevron_right.svg');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 50% 50%;
|
|
}
|
|
}
|