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

adjusts styling of actions
Pull Request Check / testing (pull_request) Successful in 17s Details

feature/applicationv2
macniel 2025-10-20 20:57:14 +02:00
parent b3f5e68c23
commit faa5853aa4
3 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/packs/_source/ruestzeug/garether-platte.json
View File

@ -1,5 +1,4 @@
{ {
itemZone
"name": "Garether Platte", "name": "Garether Platte",
"image": "systems/DSA_4-1/assets/armory/platemail.png", "image": "systems/DSA_4-1/assets/armory/platemail.png",
"category": [ "category": [

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

@ -70,9 +70,9 @@ $rollable-die-border-color: #000;
$dice-box-border-color: #333; $dice-box-border-color: #333;
$default-action: #c41; $default-action: rgba(204, 68, 17, 0.8);
$default-action-color: #FFF; $default-action-color: #000;
$special-action: #42c; $special-action: rgba(68, 34, 204, 0.8);
$special-action-color: #FFF; $special-action-color: #000;

25
src/style/molecules/_player-action.scss
View File

@ -10,16 +10,35 @@
height: 80px; height: 80px;
float: left; float: left;
margin: 0 8px 8px 0; margin: 0 8px 8px 0;
position: relative;
border: 1px solid #333; border: 1px solid #333;
background-color: color.scale(colours.$default-action, $alpha: 20%);
color: colours.$default-action-color; color: colours.$default-action-color;
background: url('../../../ui/parchment.jpg');
background-size: 128px 100%;
border-radius: 4px; border-radius: 4px;
box-shadow: numbers.$pill-box-inset numbers.$pill-box-inset numbers.$pill-box-blur-radius colours.$pill-box-shadow; box-shadow: numbers.$pill-box-inset numbers.$pill-box-inset numbers.$pill-box-blur-radius colours.$pill-box-shadow;
span {
position: relative;
z-index: 2;
}
&.special-ability { &::after { /* for tinting the texture */
background-color: color.scale(colours.$special-action, $alpha: 20%); content: "";
position: absolute;
background-color: colours.$default-action;
background-blend-mode: multiply;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
&.special-ability::after {
background-color: colours.$special-action;
color: colours.$special-action-color; color: colours.$special-action-color;
} }