ds4/scss/utils/_mixins.scss

/*
 * SPDX-FileCopyrightText: 2021 Johannes Loher
 * SPDX-FileCopyrightText: 2021 Gesina Schwalbe
 *
 * SPDX-License-Identifier: MIT
 */

@use "./colors";

@mixin centered-content {
    display: grid;
    place-items: center;
}

@mixin mark-invalid-or-disabled-input {
    input:invalid {
        background-color: colors.$c-invalid-input;
    }
    input:disabled {
        background-color: transparent;
    }
}

@mixin foundry-highlight-text-shadow {
    text-shadow: 0 0 10px var(--color-shadow-primary);
}

@mixin font-heading-upper {
    font-family: var(--ds4-font-heading);
    text-transform: uppercase;
}