Indicate fumbles / coups on the dice-total
This commit is contained in:
parent
2ccaa5da10
commit
eb0866cfa7
7 changed files with 80 additions and 3 deletions
18
src/scss/components/_dice_total.scss
Normal file
18
src/scss/components/_dice_total.scss
Normal file
|
@ -0,0 +1,18 @@
|
|||
@use "../utils/colors";
|
||||
|
||||
.ds4-dice-total {
|
||||
@mixin color-filter($rotation) {
|
||||
filter: sepia(0.5) hue-rotate($rotation);
|
||||
backdrop-filter: sepia(0.5) hue-rotate($rotation);
|
||||
}
|
||||
|
||||
&--coup {
|
||||
color: colors.$c-coup;
|
||||
@include color-filter(60deg);
|
||||
}
|
||||
|
||||
&--fumble {
|
||||
color: colors.$c-fumble;
|
||||
@include color-filter(-60deg);
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue