Newer
Older
pre-www / src / assets / css / blocks / paragraph.css
.block-paragraph{
    container: paragraph / inline-size;
    &:not([class*="spacing-"]){
        @apply mb-md;
    }
    p{
        @apply text-size-base;
        &:first-child:last-child{
            @apply mb-0;
        }
    }
    ul, ol{
        @apply ml-2 mb-sm;
        li{
            @apply pl-2;
        }
    }
    ol{
        @apply list-decimal;
    }
    ul{
        list-style-type: "-";
    }
    &--lg{
        p{
            @apply md:max-xl:max-w-3xl xl:text-size-md;
        }
    }
    &--1col{
        > *{
            @screen xl{
                width: calc(50% - var(--grid-gutter)) !important;
            }
        }
    }
}

/* @container paragraph (min-width: 80rem){
    .block-paragraph p{
        @apply w-3/4;
    }
} */