ds4/scss/utils/_mixins.scss

31 lines
615 B
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;
}