adjusts styling of actions
Pull Request Check / testing (pull_request) Successful in 17s
Details
Pull Request Check / testing (pull_request) Successful in 17s
Details
parent
b3f5e68c23
commit
faa5853aa4
|
|
@ -1,5 +1,4 @@
|
|||
{
|
||||
itemZone
|
||||
"name": "Garether Platte",
|
||||
"image": "systems/DSA_4-1/assets/armory/platemail.png",
|
||||
"category": [
|
||||
|
|
|
|||
|
|
@ -70,9 +70,9 @@ $rollable-die-border-color: #000;
|
|||
|
||||
$dice-box-border-color: #333;
|
||||
|
||||
$default-action: #c41;
|
||||
$default-action-color: #FFF;
|
||||
$default-action: rgba(204, 68, 17, 0.8);
|
||||
$default-action-color: #000;
|
||||
|
||||
$special-action: #42c;
|
||||
$special-action: rgba(68, 34, 204, 0.8);
|
||||
|
||||
$special-action-color: #FFF;
|
||||
$special-action-color: #000;
|
||||
|
|
|
|||
|
|
@ -10,16 +10,35 @@
|
|||
height: 80px;
|
||||
float: left;
|
||||
margin: 0 8px 8px 0;
|
||||
position: relative;
|
||||
|
||||
border: 1px solid #333;
|
||||
background-color: color.scale(colours.$default-action, $alpha: 20%);
|
||||
color: colours.$default-action-color;
|
||||
background: url('../../../ui/parchment.jpg');
|
||||
background-size: 128px 100%;
|
||||
border-radius: 4px;
|
||||
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 {
|
||||
background-color: color.scale(colours.$special-action, $alpha: 20%);
|
||||
&::after { /* for tinting the texture */
|
||||
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;
|
||||
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue