Newer
Older
pre-www / src / assets / css / blocks / title.css
.block-title{
    @apply mb-sm md:mb-base;
    h1,h2,h3,h4,h5,h6, p{
        @apply text-size-2xl mb-0;
        + a{
            @apply text-grey-300 text-size-lg shrink-0;
        }
    }
    .block-title__inner{
        @apply w-11/12;
    }
    /* .column{
        @apply flex justify-between items-baseline;
    }
    + .block-links-list-columns{
        @apply mt-16;
    } */
    &--xs{
        h1,h2,h3,h4,h5,h6, p{
            @apply text-size-base font-bold;
        }    
    }
    &--sm{
        h1,h2,h3,h4,h5,h6, p{
            @apply text-size-lg;
        }    
    }
    &--lg{
        h1,h2,h3,h4,h5,h6, p{
            @apply text-size-3xl;
        }
    }
    &--spacing-xs{
        @apply mb-xs;
    }
    &--divider{
        .block-title__inner{
            @apply border-t border-black pt-3 w-full;
        }
    }
    &--link{
        .block-title__inner{
            @apply w-full lg:flex items-baseline justify-between;
            h1,h2,h3,h4,h5,h6, p{
                @apply mr-4;
            }
        }
    }
}

/* .block-container + .block-title{
    @apply mt-[5.5vw]
} */