@import '../../../node_modules/creative-patterns/packages/components/paragraph/src/paragraph';

.#{$namespace}paragraph {
    /* Apply imported paragraph component (from creative-patterns).
     * Column-count is automatically applied by Content Constructor.
     * @param { prop value } - gap between columns (all CSS units allowed) [Example: 1.5rem]
     * @param { prop value } - column-rule property value [Example: 1px solid $colorAlto] [Example: medium none transparent]. Reference to w3schools to see all possibilities
    */
    @include paragraph(6rem, 1px solid $colorAlto);

    &--mode-optimal {
        max-width: 40em;
        margin-left: auto;
        margin-right: auto;
    }
}