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

Update For 0.1.0 style sheet + Clean video + Update Svg for canva error

Browse Source
This commit is contained in:
Mandar
2020-12-23 23:30:53 +01:00
parent 6659087a82
commit ecdeaea1d6
22 changed files with 244 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
system/styles/l5r5e.css
View File

File diff suppressed because one or more lines are too long

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

@@ -2,6 +2,7 @@
nav {
&.sheet-tabs {
font-family: $font-tertiary;
font-size: 1.25rem;
border: 0 none;
margin-bottom: 0;
background: $l5r5e-white;

50
system/styles/scss/npc.scss
View File

@@ -9,6 +9,11 @@
flex: 0 0 75px;
height: 75px;
width: 75px;
.full {
flex: 0 0 content;
height: auto;
width: auto;
}
}
fieldset {
flex: 1 1 100%;
@@ -63,8 +68,8 @@
color: $l5r5e-label;
}
input {
font-size: 1rem;
flex: 1rem;
font-size: 1rem;
height: 1.5rem;
}
}
@@ -129,4 +134,47 @@
margin: 0.5rem 0.25rem 0;
}
}
.limited {
h1 {
margin: 0.5rem 0;
}
img {
&.full {
flex: 0 0 content;
height: auto;
width: auto;
border: 0 none;
}
}
.sheet-header {
flex: none;
}
ul {
display: flex;
flex-wrap: wrap;
li {
flex: 50%;
padding: 0.25rem 0;
input {
width: 75%;
float: right;
}
&:nth-child(1) {
flex: calc(50% - 1rem);
margin-right: 1rem;
}
&:nth-child(3),
&:nth-child(4) {
flex: calc(50% - 5rem);
margin-right: 1rem;
}
&:nth-child(5) {
flex: auto;
input {
width: 2rem;
}
}
}
}
}
}

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

@@ -365,6 +365,40 @@
display: flex;
}
}
.techniques-wrapper {
.checklist {
display: flex;
flex-wrap: wrap;
font-size: 0.85rem;
margin: 0 0 0.25rem 0.5rem;
padding: 0.5rem;
background: $l5r5e-title;
--notchSize: 0.25rem;
clip-path: polygon(
0% 0,
var(--notchSize) 0%,
calc(100% - var(--notchSize)) 0%,
100% var(--notchSize),
100% 100%,
100% 100%,
var(--notchSize) 100%,
0% calc(100% - var(--notchSize))
);
label {
flex: 0 0 auto;
margin: 0 0.25rem 0.25rem;
padding: 0 0.5rem;
color: $l5r5e-label;
border: 1px solid $l5r5e-label;
border-radius: 1rem;
}
input {
margin: 0.25rem 0 0 0;
height: auto;
width: auto;
}
}
}
.stance-content {
label {
display: block;
@@ -395,10 +429,9 @@
}
}
.quick-rules {
display: none;
height: 0;
margin: 0;
padding: 0.25rem;
padding: 0;
font-size: 0.75rem;
color: rgba(0, 0, 0, 0.75);
overflow: hidden;
@@ -407,28 +440,65 @@
}
&:hover {
.quick-rules {
display: block;
height: 6rem;
padding: 0.25rem;
overflow-y: auto;
scrollbar-width: thin;
}
}
}
.stance-content,
.weapons-content {
flex: 0 0 calc(50% - 0.5rem);
}
.armors-content {
flex: 0 0 calc(100% - 0.5rem);
}
}
.xp {
flex: 0 0 5rem;
flex-direction: column;
color: $black-light;
label {
padding: 0.25rem;
font-size: 0.85rem;
}
}
table {
font-size: 0.85rem;
color: $black-light;
thead {
th {
&:first-child {
flex: 0 0 70%;
flex: calc(100% - 16rem);
}
&:nth-child(2),
&:nth-child(3) {
flex: 0 0 5rem;
}
}
}
tbody {
th {
flex: 0 0 70%;
flex: calc(100% - 13rem);
}
.xp,
.rank {
flex: 0 0 5rem;
}
.actions {
flex: 0 0 3rem;
font-size: 0.75rem;
ul {
display: flex;
flex-direction: row;
li {
flex: 0 0 1rem;
&:hover {
color: $orange;
}
}
}
}
}
}