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

Update css for item attribute

Browse Source
This commit is contained in:
Mandar
2021-01-01 20:38:26 +01:00
parent c8e7af1dcd
commit 6ec4c1330a
7 changed files with 79 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
system/styles/scss/items.scss
View File

@@ -52,7 +52,7 @@
.item-properties {
display: flex;
flex-direction: row;
li {
> li {
margin: 0.25rem 0.1rem;
padding: 0.1rem 0.5rem;
background-color: $l5r5e-white;
@@ -125,12 +125,9 @@
.attribute-value,
.attribute,
.value {
flex: 0 0 calc(25% - 0.5rem);
flex: 1 1 auto;
margin: 0.5rem 0.25rem 0.25rem;
}
.attribute3 {
flex: 0 0 calc(33% - 0.5rem);
}
select[name="data.advancement_type"],
select[name="data.skill"] {
text-transform: capitalize;
@@ -161,6 +158,15 @@
float: right;
}
}
.attribute {
&.full {
flex: 100%;
input {
float: right;
width: 70%;
}
}
}
}
&.infos {
display: flex;

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

@@ -1,7 +1,6 @@
// -- Nav
nav {
&.sheet-tabs,
&.advancements-tabs {
&.sheet-tabs {
height: 3rem;
line-height: 3rem;
font-family: $font-tertiary;

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

@@ -39,8 +39,10 @@
box-shadow: none;
}
}
.advancements-tab {
min-width: 60px;
.advancements-tabs {
height: 2rem;
line-height: 2rem;
font-size: 1rem;
}
}
&.item,
@@ -405,20 +407,6 @@
display: flex;
}
}
.money {
&-wrapper {
display: block;
flex: 100%;
text-align: center;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="time"] {
width: 100px;
}
}
.techniques-wrapper {
.checklist {
display: flex;
@@ -458,45 +446,60 @@
}
}
}
.stance-content {
label {
display: block;
width: 100%;
line-height: 1.5rem;
padding: 0.25rem;
color: $white;
&.earth {
background: $l5r5e-earth;
}
&.air {
background: $l5r5e-air;
}
&.water {
background: $l5r5e-water;
}
&.fire {
background: $l5r5e-fire;
}
&.void {
background: $l5r5e-void;
}
input {
float: right;
position: relative;
top: 0.3rem;
right: 0.25rem;
.stances-content {
flex: 0 0 100%;
.item-list {
position: relative;
padding-top: 2rem;
margin: 0;
}
.stance-content {
padding: 0;
margin: 0;
label {
display: block;
position: absolute;
top: 0;
left: 0;
width: 20%;
line-height: 1.5rem;
padding: 0.25rem;
color: $white;
&.earth {
background: $l5r5e-earth;
}
&.air {
background: $l5r5e-air;
left: 20%;
}
&.water {
background: $l5r5e-water;
left: 40%;
}
&.fire {
background: $l5r5e-fire;
left: 60%;
}
&.void {
background: $l5r5e-void;
left: 80%;
}
input {
float: right;
position: relative;
top: 0.3rem;
right: 0.25rem;
}
}
}
}
.stance-content,
.weapons-content {
.weapons-content,
.armors-content {
flex: 0 0 calc(50% - 0.5rem);
}
.armors-content {
flex: 0 0 calc(100% - 0.5rem);
}
}
.xp {
.xp,
.money-wrapper {
flex: 0 0 5rem;
flex-direction: column;
color: $black-light;

8
system/styles/scss/skills.scss
View File

@@ -51,11 +51,9 @@
text-align: right;
span {
color: $l5r5e-black;
}
&[data-skill="melee"],
&[data-skill="ranged"],
&[data-skill="unarmed"] {
span {
&[data-skill="melee"],
&[data-skill="ranged"],
&[data-skill="unarmed"] {
float: left;
line-height: 1rem;
width: calc(100% - 2rem);