Add rest dice tracking for the Sync actors

This commit is contained in:
Oliver-Akins 2024-02-08 23:25:55 -07:00
parent 4544516c5c
commit 1002b1387c
8 changed files with 186 additions and 24 deletions

View file

@ -1,5 +1,7 @@
@use "../vars.scss" as *;
@use "sass:color" as color;
.dotdungeon.dotdungeon.dotdungeon.dotdungeon > .window-content {
button {
border-radius: 4px;
@ -21,31 +23,52 @@
&.confirm {
background: $colour-confirm;
color: $text-on-confirm;
&:hover, &:focus-visible {
&:hover:not(:disabled),
&:focus-visible {
background: transparent;
color: $colour-confirm;
border-color: $colour-confirm;
}
&:disabled {
background: color.adjust($colour-confirm, $lightness: -10%);
color: color.adjust($text-on-confirm, $lightness: -15%);
}
}
&.neutral {
background: $colour-neutral;
color: $text-on-neutral;
&:hover, &:focus-visible {
&:hover:not(:disabled),
&:focus-visible {
background: transparent;
color: $colour-neutral;
border-color: $colour-neutral;
}
&:disabled {
background: color.adjust($colour-neutral, $lightness: -10%);
color: color.adjust($text-on-neutral, $lightness: -15%);
}
}
&.danger {
background: $colour-danger;
color: $text-on-danger;
&:hover, &:focus-visible {
&:hover:not(:disabled),
&:focus-visible {
background: transparent;
color: $colour-danger;
border-color: $colour-danger;
}
&:disabled {
background: color.adjust($colour-danger, $lightness: -10%);
color: color.adjust($text-on-danger, $lightness: -15%);
}
}
&.reduced-padding {

View file

@ -23,6 +23,22 @@
width: 60%;
text-align: center;
}
.rest-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
.button-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4px;
align-items: center;
text-align: center;
}
}
}
&--sync-sheet {