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

ENhance and fix

Browse Source
This commit is contained in:
LeRatierBretonnier
2026-05-10 23:12:21 +02:00
parent e200b5f7b0
commit 7542890232
43 changed files with 638 additions and 390 deletions
Download Patch File Download Diff File Expand all files Collapse all files
system/styles/scss/items.scss
+182 -38
View File
@@ -150,6 +150,7 @@
align-self: stretch;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
article {
display: flex;
@@ -239,13 +240,14 @@
}
&.infos {
display: flex;
flex-direction: column;
align-self: stretch;
height: calc(100% - 7.5rem);
width: 100%;
padding-bottom: 1.25rem;
.reference {
display: flex;
flex: 0 0 calc(100% - 0.5rem);
flex: 0 0 auto;
margin: 0.5rem 0.25rem;
input[name="system.source_reference.source"] {
text-align: center;
@@ -256,9 +258,14 @@
}
}
fieldset {
align-self: stretch;
height: calc(100% - 2rem);
flex: 1 1 auto;
display: flex;
flex-direction: column;
box-sizing: content-box;
.editor {
flex: 1 1 auto;
min-height: 6rem;
}
}
}
&.properties {
@@ -271,6 +278,7 @@
&.advancement {
article {
&.attributes {
height: auto;
.attribute-value,
.attribute,
.value {
@@ -286,6 +294,9 @@
}
}
}
&.infos {
height: calc(100% - 5.5rem);
}
}
}
&.technique {
@@ -332,18 +343,15 @@
&.item {
article {
&.attributes {
height: 4.5rem;
height: auto;
.properties {
flex: 100%;
}
}
&.infos {
flex: 0 0 60%;
height: calc(100% - 5.5rem);
}
&.properties {
flex: 0 0 40%;
height: calc(100% - 5.5rem);
flex: 1 1 100%;
height: auto;
min-height: 10rem;
}
}
}
@@ -360,56 +368,111 @@
&.armor {
article {
&.attributes {
height: 9.5rem;
height: auto;
align-content: flex-start;
.attribute-value {
flex: 0 0 calc(25% - 0.5rem);
margin: 0.25rem 0.25rem 0;
}
.value {
flex: 0 0 calc(25% - 0.5rem);
margin: 0.25rem;
input {
width: 100%;
}
}
.stat {
flex: 0 0 calc(33.33% - 0.5rem);
display: flex;
flex-direction: column;
margin: 0.25rem;
span {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.03em;
color: $l5r5e-label;
}
input {
text-align: center;
width: 100%;
}
}
.category {
flex: 0 0 calc(33.33% - 0.5rem);
margin: 0.25rem;
select {
width: 100%;
margin-top: 0.15rem;
}
}
}
&.infos {
flex: 0 0 60%;
height: calc(100% - 10.5rem);
}
&.properties {
flex: 0 0 40%;
height: calc(100% - 10.5rem);
flex: 1 1 100%;
height: auto;
min-height: 10rem;
}
}
}
&.weapon {
article {
&.attributes {
height: 18.5rem;
.stats,
height: auto;
align-content: flex-start;
.attribute-value {
flex: 0 0 calc(50% - 0.5rem);
flex-wrap: wrap;
flex: 0 0 calc(20% - 0.5rem);
margin: 0.25rem 0.25rem 0;
}
.stat {
flex: 0 0 calc(20% - 0.5rem);
display: flex;
flex-direction: column;
margin: 0.25rem;
label {
span {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.03em;
color: $l5r5e-label;
}
input {
text-align: center;
width: 100%;
}
}
.stats {
input[type="text"] {
text-align: center;
}
}
.value {
flex: 0 0 calc(25% - 0.5rem);
}
.category,
.skillType {
flex: 0 0 calc(50% - 0.5rem);
input,
margin: 0.25rem;
select,
.attribute-dtype {
width: 100%;
margin: 0.25rem;
margin-top: 0.15rem;
}
}
.grip {
flex: 0 0 calc(40% - 0.5rem);
display: flex;
flex-direction: row;
align-items: center;
gap: 0.25rem;
margin: 0.25rem;
font-size: 0.8rem;
input {
flex: 1;
width: auto;
}
}
.value {
flex: 0 0 calc(20% - 0.5rem);
margin: 0.25rem;
input {
width: 100%;
}
}
}
&.infos {
flex: 0 0 60%;
height: calc(100% - 19.5rem);
}
&.properties {
flex: 0 0 40%;
height: calc(100% - 19.5rem);
flex: 1 1 100%;
height: auto;
min-height: 10rem;
}
}
}
@@ -550,3 +613,84 @@
}
}
}
// Chiaroscuro-specific item types
&.arcane,
&.mot-invocation,
&.mystere,
&.technique-ecole {
.sheet-header {
margin-bottom: 0.5rem;
img {
flex: 0 0 90px;
height: 90px;
width: 90px;
background: rgba(255, 255, 255, 0.25);
}
h1 input {
height: 5.5rem;
}
}
.sheet-body {
flex: 100%;
height: calc(100% - 90px - 0.25rem);
align-self: stretch;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
article {
display: flex;
flex-wrap: wrap;
label {
color: $l5r5e-label;
margin: 0.25rem;
line-height: 1.5rem;
}
&.attributes,
&.tab.attributes {
width: 100%;
min-height: auto;
align-self: flex-start;
align-content: flex-start;
align-items: flex-start;
.attribute {
display: flex;
flex-direction: column;
flex: 0 0 calc(50% - 0.5rem);
input, select {
width: 100%;
}
}
}
&.infos,
&.tab.infos {
display: flex;
flex-direction: column;
width: 100%;
flex: 1 1 100%;
padding-bottom: 1.25rem;
fieldset {
flex: 1 1 auto;
display: flex;
flex-direction: column;
.editor {
flex: 1 1 auto;
min-height: 8rem;
}
}
.reference {
display: flex;
flex: 0 0 auto;
margin: 0.5rem 0.25rem;
input[name="system.source_reference.source"] {
text-align: center;
width: 70%;
}
input[name="system.source_reference.page"] {
width: 30%;
}
}
}
}
}