46 lines
952 B
CSS
46 lines
952 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;
|
|
|
|
a {
|
|
color: var(--color-lol) !important;
|
|
@apply underline underline-offset-4;
|
|
text-decoration-thickness: 1px;
|
|
}
|
|
&__cover {
|
|
@apply absolute inset-0 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 flex-col md:flex-row md:items-center md:justify-between gap-y-2 gap-x-6;
|
|
@apply text-xs;
|
|
> * {
|
|
@apply block;
|
|
}
|
|
.project-type {
|
|
@apply my-0 leading-relaxed;
|
|
}
|
|
}
|
|
|
|
.client-logo {
|
|
@apply w-72 h-auto object-contain object-center mx-auto block my-12 relative;
|
|
max-height: 250px;
|
|
}
|
|
|
|
&__innerblocks {
|
|
@apply mx-auto max-w-lg lg:p-8 rounded-lg text-center text-sm;
|
|
}
|
|
}
|