ds4/scss/components/dice/_dice_total.scss

26 lines
618 B
SCSS

/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
*
* SPDX-License-Identifier: MIT
*/
@use "../../utils/colors";
// Needs to be nested in .dice-roll to win against foundry's style.css with respect to specificity
.dice-roll .ds4-dice-total {
@mixin color-filter($rotation) {
filter: sepia(0.5) hue-rotate($rotation);
}
&--coup {
@include color-filter(60deg);
background-color: colors.$c-coup-bg;
color: colors.$c-coup;
}
&--fumble {
@include color-filter(-60deg);
background-color: colors.$c-fumble-bg;
color: colors.$c-fumble;
}
}