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;
}