fonteva-design-guide/force-app/main/default/lwc/pfmColumn/pfmColumn.css

## Dev, Build and Test

:host {
    display: block;
}

/*@import 'c/pfmBase.css';*/

/*
 * 	""@import 'c/pfmBase.css';"
 *	placeholder style for border until import is available in win '20
 *
 */

:host([class*='pfm-border_']),
:host([class*='pfm-small-border']),
:host([class*='pfm-medium-border']),
:host([class*='pfm-large-border']) {
    border-color: var(--lwc-colorBorder);
    border-width: 1px;
}

:host([class*='pfm-small-border']),
:host([class*='pfm-medium-border']),
:host([class*='pfm-large-border']) {
    border-style: none;
}

:host(.pfm-border_right) {
    border-right-style: solid;
}

:host(.pfm-border_left) {
    border-left-style: solid;
}

:host(.pfm-border_top) {
    border-top-style: solid;
}

:host(.pfm-border_bottom) {
    border-bottom-style: solid;
}

:host(.pfm-border_horizontal) {
    border-right-style: solid;
}

:host(.pfm-border_vertical) {
    border-top-style: solid;
    border-bottom-style: solid;
}

:host(.pfm-border_around) {
    border-style: solid;
}

/* Small */
@media (min-width: 480px) {
    :host(.pfm-small-border_right) {
        border-right-style: solid;
    }

    :host(.pfm-small-border_left) {
        border-left-style: solid;
    }

    :host(.pfm-small-border_top) {
        border-top-style: solid;
    }

    :host(.pfm-small-border_bottom) {
        border-bottom-style: solid;
    }

    :host(.pfm-small-border_horizontal) {
        border-right-style: solid;
    }

    :host(.pfm-small-border_vertical) {
        border-top-style: solid;
        border-bottom-style: solid;
    }
    :host(.pfm-small-border_around) {
        border-style: solid;
    }
}

/* Medium */
@media (min-width: 768px) {
    :host(.pfm-medium-border_right) {
        border-right-style: solid;
    }

    :host(.pfm-medium-border_left) {
        border-left-style: solid;
    }

    :host(.pfm-medium-border_top) {
        border-top-style: solid;
    }

    :host(.pfm-medium-border_bottom) {
        border-bottom-style: solid;
    }

    :host(.pfm-medium-border_horizontal) {
        border-right-style: solid;
    }

    :host(.pfm-medium-border_vertical) {
        border-top-style: solid;
        border-bottom-style: solid;
    }
    :host(.pfm-medium-border_around) {
        border-style: solid;
    }
}

/* Large */
@media (min-width: 1024px) {
    :host(.pfm-large-border_right) {
        border-right-style: solid;
    }

    :host(.pfm-large-border_left) {
        border-left-style: solid;
    }

    :host(.pfm-large-border_top) {
        border-top-style: solid;
    }

    :host(.pfm-large-border_bottom) {
        border-bottom-style: solid;
    }

    :host(.pfm-large-border_horizontal) {
        border-right-style: solid;
    }

    :host(.pfm-large-border_vertical) {
        border-top-style: solid;
        border-bottom-style: solid;
    }
    :host(.pfm-large-border_around) {
        border-style: solid;
    }
}