Athemis/ds4
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Add combat values to character sheet

Browse source
This commit is contained in:
Johannes Loher 2020-12-31 00:32:17 +01:00
parent 7f98d581b6
commit 0d2af1ae00
4 changed files with 124 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

50
src/scss/components/_character_values.scss
View file

@ -2,7 +2,7 @@ header.sheet-header {
.character-values {
flex: 0 0 100%;
.attributes-traits {
margin-top: 5px;
margin-top: $margin-sm;
.attribute {
.attribute-label {
font-family: $font-heading;
@ -47,5 +47,53 @@ header.sheet-header {
}
}
}
.combat-values {
margin-top: $margin-sm;
.combat-value-with-formula {
display: grid;
place-items: center;
$size: 60px;
row-gap: $margin-sm;
.combat-value {
display: grid;
place-items: center;
height: $size;
width: $size;
flex: 0 0 auto;
background-size: contain;
font-size: 1.5em;
}
.combat-value-formula {
width: $size;
input {
text-align: center;
}
}
}
.combat-value.hitPoints {
background-image: url("assets/DS4-HP.png");
}
.combat-value.defense {
background-image: url("assets/DS4-DEF.png");
}
.combat-value.initiative {
background-image: url("assets/DS4-INI.png");
}
.combat-value.movement {
background-image: url("assets/DS4-MR.png");
}
.combat-value.meleeAttack {
background-image: url("assets/DS4-MAT.png");
}
.combat-value.rangedAttack {
background-image: url("assets/DS4-RAT.png");
}
.combat-value.spellcasting {
background-image: url("assets/DS4-SPC.png");
}
.combat-value.targetedSpellcasting {
background-image: url("assets/DS4-TSC.png");
}
}
}
}

4
src/scss/global/_flex.scss
View file

@ -70,3 +70,7 @@
.flex-between {
justify-content: space-between;
}
.flex-around {
justify-content: space-around;
}

3
src/scss/utils/_variables.scss
View file

@ -1,3 +1,6 @@
$padding-sm: 5px;
$padding-md: 10px;
$padding-lg: 20px;
$margin-sm: $padding-sm;
$margin-md: $padding-md;
$margin-lg: $padding-lg;