_emphasis-box.scss

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.

@use '../includes/lib' as *;

// * -------------------------------------------------------------------------- */
// Base emphasis Box class
.mzp-c-emphasis-box {
    background-color: $background-color;
    border-radius: $border-radius-md;
    box-shadow: $box-shadow-sm;
    margin: $spacing-md;
    padding: $spacing-xl;

    &.mzp-t-dark {
        background-color: $background-color-inverse;
        color: $body-text-color-inverse;
    }

    @supports (--css: variables) {
        background-color: var(--background-color);

        &.mzp-t-dark {
            background-color: var(--background-color-inverse);
            color: var(--token-body-text-color-inverse);
        }
    }
}