35 lines
903 B
CSS
35 lines
903 B
CSS
.post-card {
|
|
@apply bg-white flex gap-8 items-center justify-between !p-6 rounded-xl shadowed my-4;
|
|
text-decoration: none !important;
|
|
|
|
&__cover {
|
|
@apply h-24 w-24 rounded-2xl;
|
|
}
|
|
&__tags {
|
|
@apply flex 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 !bg-white !rounded-xl;
|
|
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;
|
|
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%;
|
|
}
|
|
}
|