homegrade_theme_production/resources/css/blocks/photos-archives.css

47 lines
961 B
CSS

.homegarde-blocks-photos-archives {
&__archives-grid {
@apply list-none;
}
&__archive-row {
@apply !py-8;
&:before {
content: none !important;
}
figure {
@apply flex lg:gap-16 items-center;
img {
@apply block rounded-xl object-cover object-center;
flex-shrink: 0;
width: 220px;
height: 280px;
}
.figcaption {
@apply grid grid-cols-2 gap-4 h-fit items-center;
&__title {
@apply h-fit text-xl mb-0;
}
&__caption {
@apply font-bold text-primary;
}
}
}
}
&__archive-row + &__archive-row {
@apply border-t border-neutral-200;
}
.table_head {
@apply grid font-bold
bg-neutral-100 rounded-2xl py-5 px-8;
grid-template-columns: 220px 1fr 1fr;
:nth-child(2) {
@apply pl-8;
}
:nth-child(3) {
@apply pl-12;
}
}
}