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

## Dev, Build and Test

:host {
    display: block;
}

.pfm-cmp-container.pfm-container-theme_brand {
    background-color: var(--lwc-colorBackgroundButtonBrand, #2574a9);
}

.pfm-cmp-container.pfm-container-theme_success {
    background-color: #016538;
}

.pfm-cmp-container.pfm-container-theme_danger {
    background-color: #a61a14;
}

.pfm-cmp-container.pfm-container-theme_shade {
    background-color: #f7f8f7;
}

.pfm-cmp-container.pfm-container-theme_shade-dark {
    background-color: #656665;
}

.pfm-cmp-container.pfm-container-theme_blue-dark {
    background-color: #053968;
}

.pfm-cmp-container.pfm-container-theme_white {
    background-color: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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