Add rest dice tracking for the Sync actors
This commit is contained in:
parent
4544516c5c
commit
1002b1387c
8 changed files with 186 additions and 24 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue