Newer
Older
pre-www / src / assets / css / blocks / page-title-banner.css
.block-page-title-banner{
    @apply mb-base md:mb-lg xl:mb-xl;
    &__img{
        @screen lg{
            height: calc(var(--page-title-banner-img-height) - var(--grid-gutter)*2);
        }
        @apply aspect-video md:aspect-auto relative grid-container overflow-hidden mb-[calc(var(--grid-gutter)*2)] z-20;
        img{
            @apply w-full h-full object-cover;
        }
    }
    &__video{
        @screen lg{
            height: calc(var(--page-title-banner-img-height) - var(--grid-gutter)*2);
        }
        @apply aspect-video md:aspect-auto relative grid-container overflow-hidden mb-[calc(var(--grid-gutter)*2)] z-20;
        video{
            @apply w-full h-full object-cover;
        }
    }
    .block-title{
        @apply lg:sticky bottom-[calc(var(--grid-gutter)*2)] md:pt-[calc(var(--grid-gutter)*2)] z-10 mb-0;
    }
}