uberwald/l5rx-chiaroscuro
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add npc sheet template + css adjustments

Browse Source
This commit is contained in:
Mandar
2020-12-15 20:28:42 +01:00
parent bee3be183e
commit 0c99a65e57
26 changed files with 390 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
system/styles/conf/l5r5e.scss
View File

@@ -9,6 +9,7 @@
.l5r5e {
@import "../scss/dices";
@import "../scss/sheets";
@import "../scss/npc";
@import "../scss/nav";
@import "../scss/rings";
@import "../scss/skills";

2
system/styles/l5r5e.css
View File

File diff suppressed because one or more lines are too long

3
system/styles/scss/global.scss
View File

@@ -84,9 +84,6 @@ fieldset {
margin: 0 0.25rem;
padding: 0.25rem 0.5rem;
border: 1px solid $l5r5e-title;
&:last-child {
margin: 0 0 0 0.5rem;
}
legend {
color: $l5r5e-label;
}

48
system/styles/scss/npc.scss Normal file
View File

@@ -0,0 +1,48 @@
&.npc {
.sheet-header {
fieldset {
flex: none;
min-height: 2rem;
width: 100%;
}
}
}
.npc-skill {
display: flex;
width: 100%;
line-height: 2rem;
font-size: 0.75rem;
text-align: center;
li {
flex: 1;
padding: 0.25rem;
text-transform: uppercase;
color: $white;
&:nth-child(1) {
background: $l5r5e-void;
}
&:nth-child(2) {
background: $l5r5e-earth;
}
&:nth-child(3) {
background: $l5r5e-fire;
}
&:nth-child(4) {
background: $l5r5e-air;
}
&:nth-child(5) {
flex: 1.25;
background: $l5r5e-water;
}
}
input[type="text"] {
float: right;
height: 2rem;
width: 1rem;
margin: 0;
padding: 0;
border: 0 none;
background: transparent;
color: $white;
}
}

36
system/styles/scss/sheets.scss
View File

@@ -1,6 +1,27 @@
/** Sheets **/
&.sheet {
min-width: 600px;
&.actor {
.sheet-header {
height: 26.75rem;
}
.sheet-body {
height: calc(100% - 26.75rem);
}
}
&.item,
.feat,
.weapon,
.armor,
.advantages,
.disadvantages {
.sheet-header {
height: 10rem;
}
.sheet-body {
height: calc(100% - 10rem);
}
}
form {
display: flex;
flex-wrap: wrap;
@@ -8,18 +29,16 @@
.sheet-body {
flex: 0 0 100%;
align-items: flex-start;
height: calc(100% - 26.75rem);
}
.sheet-header {
flex: 0 0 100%;
align-items: flex-start;
height: 26.75rem;
input {
font-size: 1rem;
}
h1 {
flex: auto;
margin: 0 0.5rem 0.25rem;
margin: 0 0 0.25rem 1rem;
input {
flex: 0 0 100%;
font-size: 3rem;
@@ -95,12 +114,12 @@
.identity-wrapper {
display: flex;
flex-wrap: wrap;
flex: 0 0 calc(100% - 150px - 0.25rem);
flex: 0 0 calc(100% - 150px - 1.05rem);
.identity-content {
flex: 0 0 100%;
display: flex;
flex-wrap: wrap;
margin: 0.5rem;
margin: 0.5rem 0 0.5rem 1rem;
li {
flex: 33%;
&:nth-child(1),
@@ -310,4 +329,11 @@
}
}
}
.feats-wrapper {
fieldset {
&:last-child {
margin: 0 0 0 0.5rem;
}
}
}
}