macniel
/
foundry-dsa41-game
2
1
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects 1 Releases 19 Wiki Activity

frees the dice from the box

pull/63/head
macniel 2025-10-30 10:40:11 +01:00
parent 23543efe45
commit d62bbe9886
5 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/style/atoms/_colours.scss
View File

@ -63,8 +63,7 @@ $attribute-die-bd-text-color: #000;
$attribute-die-st-text-color: #000; $attribute-die-st-text-color: #000;
$attribute-label-color: #FFF; $attribute-label-color: #000;
$attribute-label-background-color: #0008;
$rollable-die-border-color: #000; $rollable-die-border-color: #000;

5
src/style/atoms/_typography.scss
View File

@ -24,7 +24,10 @@
} }
input, input,
.rkp .pill { .rkp .pill,
.cooldown > span,
.attribute.rollable > .name,
.attribute.rollable > .wert {
font-family: Andalus, sans-serif; font-family: Andalus, sans-serif;
} }

18
src/style/molecules/_attributes.scss
View File

@ -10,25 +10,20 @@
.attributes { .attributes {
display: flex; display: flex;
position: relative;
top: -10px;
right: -10px;
.attribute.rollable { .attribute.rollable {
width: 48px; width: 48px;
height: 48px; height: 48px;
position: relative; position: relative;
box-shadow: inset numbers.$dice-box-inset numbers.$dice-box-inset numbers.$dice-box-blur-radius colours.$dice-box-shadow;
background: assets.$dice-box-background;
margin-left: 2px; margin-left: 2px;
border: numbers.$dice-box-border-width inset colours.$dice-box-border-color;
.die { .die {
stroke-width: 0.5;
svg { svg {
position: absolute; position: absolute;
left: -6px;
top: -6px;
bottom: -6px;
right: -6px;
path { path {
fill: colours.$attribute-die-color; fill: colours.$attribute-die-color;
@ -39,9 +34,9 @@
.wert { .wert {
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
left: -2px; left: -1px;
width: 48px; width: 48px;
top: -2px; top: -1px;
font-size: smaller; font-size: smaller;
line-height: 48px; line-height: 48px;
vertical-align: middle; vertical-align: middle;
@ -53,12 +48,11 @@
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: -12px;
line-height: 12px; line-height: 12px;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
color: colours.$attribute-label-color; color: colours.$attribute-label-color;
background-color: colours.$attribute-label-background-color;
} }
} }

7
src/style/molecules/_sidebar-elements.scss
View File

@ -63,6 +63,12 @@
} }
.button {
margin-bottom: 8px;
}
.attack { .attack {
display: grid; display: grid;
@ -192,6 +198,7 @@
color: white; color: white;
text-align: center; text-align: center;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3); text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
overflow: hidden;
} }
.progress { .progress {

8
src/templates/ui/partial-attribute-button.hbs
View File

@ -5,10 +5,6 @@
{{> 'systems/DSA_4-1/templates/ui/partial-die.hbs' }} {{> 'systems/DSA_4-1/templates/ui/partial-die.hbs' }}
</div> </div>
<span class="wert"> <span class="wert">{{this.wert}}</span>
{{this.wert}} <span class="name">{{this.name}}</span>
</span>
<span class="name">
{{this.name}}
</span>
</div> </div>