Deligraph-V3/resources/css/blocks/portfolio-header.css

37 lines
751 B
CSS

.portfolio-header {
@apply p-6 relative !w-screen;
box-sizing: border-box;
margin: 0 calc(50% - 50vw);
max-width: 100vw !important;
dispay: block;
&__cover {
@apply absolute inset-0 bg-red-400 w-full !h-full object-cover;
z-index: -1;
}
&__content {
@apply relative z-10 flex flex-col;
min-height: 80vh;
}
&__project-details {
@apply my-auto text-sm;
}
&__heading-infos {
@apply flex items-center justify-between text-white;
@apply text-xs;
.project-type {
@apply my-0 leading-relaxed;
}
}
.client-logo {
@apply w-72 h-auto object-contain object-center mx-auto block my-12;
}
&__innerblocks {
@apply mx-auto max-w-lg text-white p-8 rounded-lg text-center text-sm;
}
}