Sheet adjustement + new icons for items

This commit is contained in:
Mandar
2020-12-19 20:30:07 +01:00
parent 10956e6677
commit 909ee8774c
56 changed files with 890 additions and 987 deletions

File diff suppressed because one or more lines are too long

View File

@@ -66,13 +66,32 @@ i.strife,
i.success,
i.explosive,
i.opportunity,
i.d6,
i.d12,
i.i_earth,
i.i_water,
i.i_fire,
i.i_air,
i.i_void {
i.i_void,
i.i_kiho,
i.i_maho,
i.i_ninjitsu,
i.i_prerequisite_exemption,
i.i_rituals,
i.i_shuji,
i.i_invocations,
i.i_kata,
i.i_imperial,
i.i_crab,
i.i_crane,
i.i_dragon,
i.i_lion,
i.i_mantis,
i.i_phoenix,
i.i_scorpion,
i.i_tortoise,
i.i_unicorn,
i.i_bushi,
i.i_courtier,
i.i_shugenja {
font-family: $font-logoType;
line-height: 1rem;
font-style: normal;
@@ -80,36 +99,104 @@ i.i_void {
vertical-align: middle;
}
// Dices
i.strife:before {
content: "f";
content: "\E91B";
}
i.success:before {
content: "s";
content: "\E91C";
}
i.explosive:before {
content: "e";
content: "\E91D";
}
i.opportunity:before {
content: "o";
}
i.d6:before {
content: "r";
}
i.d12:before {
content: "k";
content: "\E91A";
}
// Rings
i.i_earth:before {
content: "g";
content: "\E90C";
}
i.i_water:before {
content: "w";
content: "\E90A";
}
i.i_fire:before {
content: "i";
content: "\E908";
}
i.i_air:before {
content: "a";
content: "\E90B";
}
i.i_void:before {
content: "v";
content: "\E909";
}
// Techs
i.i_kiho:before {
content: "\E900";
}
i.i_maho:before {
content: "\E901";
}
i.i_ninjitsu:before {
content: "\E902";
}
i.i_prerequisite_exemption:before {
content: "\E903";
}
i.i_rituals:before {
content: "\E904";
}
i.i_shuji:before {
content: "\E905";
}
i.i_invocations:before {
content: "\E906";
}
i.i_kata:before {
content: "\E907";
}
// Clans
i.i_imperial:before {
content: "\E90D";
}
i.i_crab:before {
content: "\E914";
}
i.i_crane:before {
content: "\E915";
}
i.i_dragon:before {
content: "\E916";
}
i.i_lion:before {
content: "\E90E";
}
i.i_mantis:before {
content: "\E90F";
}
i.i_phoenix:before {
content: "\E910";
}
i.i_scorpion:before {
content: "\E911";
}
i.i_tortoise:before {
content: "\E912";
}
i.i_unicorn:before {
content: "\E913";
}
// Titles
i.i_bushi:before {
content: "\E917";
color: rgb(165, 90, 90);
}
i.i_courtier:before {
content: "\E918";
color: rgb(105, 130, 165);
}
i.i_shugenja:before {
content: "\E919";
}

View File

@@ -53,6 +53,13 @@ button:focus {
box-shadow: 0 0 10px $red;
}
option {
font-size: 1rem;
line-height: 1.5rem;
padding: 0.25rem;
color: $black-light;
}
/* lists */
ul,
li {

View File

@@ -33,10 +33,15 @@
border: 0 none;
text-transform: capitalize;
}
i,
input {
font-size: 1.25rem;
height: 1.5rem;
line-height: 1.5rem;
width: 4rem;
float: left;
margin: 0 1rem;
text-align: center;
}
}
}
@@ -54,31 +59,6 @@
font-weight: bold;
margin: 0 0 0.25rem 0;
color: $l5r5e-label;
option {
font-family: $font-primary;
}
option:before {
font-family: $font-logoType;
line-height: 1rem;
font-style: normal;
font-weight: normal;
vertical-align: middle;
}
option[value="earth"]:before {
content: "g";
}
option[value="water"]:before {
content: "w";
}
option[value="fire"]:before {
content: "i";
}
option[value="air"]:before {
content: "a";
}
option[value="void"]:before {
content: "v";
}
}
input {
font-size: 1rem;
@@ -91,9 +71,6 @@
.attitude {
height: 1.5rem;
padding-left: 0.25rem;
input {
height: 1rem;
}
input {
height: 1.5rem;
flex: 1;

View File

@@ -180,7 +180,7 @@
position: absolute;
background: linear-gradient($l5r5e-title, rgba(186, 187, 177, 0));
height: 2px;
width: 100%;
width: 97%;
top: -0.25rem;
left: -0.25rem;
}
@@ -281,6 +281,14 @@
strong {
flex: 1 0 calc(100% - 5rem);
padding: 0 0.25rem;
&:after {
content: "/";
position: absolute;
right: 2.9rem;
font-size: 1rem;
bottom: 0.8rem;
color: $l5r5e-bold;
}
}
input {
&:nth-child(2) {
@@ -291,7 +299,7 @@
flex: 1;
border: 0 none;
font-size: 1rem;
text-align: left;
text-align: right;
padding-left: 0.25rem;
padding-top: 0.75rem;
position: relative;

View File

@@ -307,6 +307,7 @@ button {
// logo
#logo {
content: url("../assets/l5r-logo.webp");
height: 80px;
margin-left: 0.5rem;
opacity: 0.5;
@@ -510,3 +511,11 @@ button {
}
}
}
// Pause
#pause {
img {
content: url("../assets/icons/pause.svg");
}
}