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

Style for new dice Rnk + technique fix

Browse Source
This commit is contained in:
Mandar
2021-02-09 13:53:42 +01:00
parent e0cb2bf235
commit 1cc496ad77
11 changed files with 257 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,7 +7,7 @@
@import "../scss/ui";
.l5r5e {
@import "../scss/dices";
@import "../scss/dices-chat";
@import "../scss/sheets";
@import "../scss/npc";
@import "../scss/nav";

2
system/styles/l5r5e.css
View File

File diff suppressed because one or more lines are too long

37
system/styles/scss/dices-chat.scss Normal file
View File

@@ -0,0 +1,37 @@
// Dice in chat
.chat-dice {
&.rerolled > img {
border-bottom: 3px solid orangered;
}
&.swapped > img {
border-bottom: 3px solid fuchsia;
}
> img {
border: 1px solid transparent;
height: auto;
width: calc(100% / 6 - 0.255rem);
margin: auto;
}
}
.chat-profil {
text-align: center;
vertical-align: middle;
&-stance {
font-size: 40px;
position: relative;
top: 8px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
&-element {
flex-wrap: wrap;
flex-grow: 1;
&-skill {
flex-grow: 3;
}
}
}

116
system/styles/scss/dices.scss
View File

@@ -62,44 +62,6 @@
}
}
// Dice in chat
.chat-dice {
&.rerolled > img {
border-bottom: 3px solid orangered;
}
&.swapped > img {
border-bottom: 3px solid fuchsia;
}
> img {
border: 1px solid transparent;
height: auto;
width: calc(100% / 6 - 0.255rem);
margin: auto;
}
}
.chat-profil {
text-align: center;
vertical-align: middle;
&-stance {
font-size: 40px;
position: relative;
top: 8px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
&-element {
flex-wrap: wrap;
flex-grow: 1;
&-skill {
flex-grow: 3;
}
}
}
// If DicePicker add a pointer
.dice-picker {
cursor: url("../assets/cursors/pointer.webp"), pointer;
@@ -107,6 +69,8 @@
// Dice Picker
.dice-picker-dialog {
min-width: 600px;
min-height: auto;
// Utility
* {
transition: none;
@@ -127,18 +91,24 @@
text-align: center;
background: none;
border: none;
height: calc(100% - 3rem);
td:first-child {
width: 200px;
}
td {
width: 240px;
}
td:last-child {
width: 200px;
margin: 0;
tbody {
tr {
td {
width: 250px;
padding: 0 0.5rem;
&:first-child,
&:last-child {
width: 150px;
}
}
&:last-child {
td {
width: 100%;
padding: 0.5rem;
}
}
}
}
}
@@ -206,10 +176,27 @@
}
.roll-n-keep-dialog {
min-width: 600px;
&.finalized {
min-width: 400px;
}
img {
border: 0;
}
table {
margin: 0.75rem 0 0;
table {
border: 0 none;
tr {
background: transparent;
}
}
.button {
columns: 3;
}
}
.profil {
border-bottom: 1px solid #782e22;
}
@@ -251,6 +238,11 @@
.swap {
border: 3px solid fuchsia;
}
#finalize {
width: calc(100% - 1rem);
margin: 0.5rem;
}
}
#l5r5e-gm-tools-dialog {
@@ -270,6 +262,8 @@
border-image: url("../assets/ui/macro-button.webp") 10 repeat;
border-image-width: 0.5rem;
border-image-outset: 0px;
padding: 0;
margin: 0.5rem;
.window-header {
text-align: center;
border-bottom: 1px solid rgb(195, 165, 130);
@@ -285,21 +279,27 @@
background: transparent;
color: $white-light;
.gm-tools-container {
flex: 1;
display: flex;
flex-flow: wrap;
a {
font-size: 2rem;
line-height: 2rem;
min-height: 2rem;
margin: 0.5rem 0;
li {
flex: 1;
display: flex;
margin: 0 0.5rem;
cursor: url("../assets/cursors/pointer.webp"), pointer;
i {
font-size: 3rem;
line-height: 4rem;
vertical-align: middle;
strong {
font-size: 1.5rem;
margin: 0 0.25rem;
}
:hover {
text-shadow: 0 0 $red;
}
}
.difficulty {
flex: 1;
font-size: 3rem;
font-size: 2rem;
}
}
}

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

@@ -138,7 +138,8 @@
}
min-height: auto;
display: flex;
fieldset {
fieldset,
.checklist {
flex: 0 0 calc(100% - 0.5rem);
}
.items-content {
@@ -151,6 +152,14 @@
&:last-child {
padding-bottom: 1rem;
}
.techniques-wrapper {
padding-left: 0.5rem;
fieldset,
.checklist {
flex: 100%;
margin: 0;
}
}
}
.npc-note {
.editor {

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

@@ -17,13 +17,6 @@
.sheet-body {
height: calc(100% - 27rem);
}
.techniques-wrapper {
fieldset {
&:last-child {
margin: 0 0 0 0.5rem;
}
}
}
fieldset {
&.advancement {
display: block;
@@ -517,11 +510,15 @@
}
}
.techniques-wrapper {
padding-left: 0.25rem;
fieldset {
margin: 0 0 0 0.25rem;
}
.checklist {
display: flex;
flex-wrap: wrap;
font-size: 0.85rem;
margin: 0 0 0.25rem 0.5rem;
margin: 0 0 0.25rem 0.25rem;
padding: 0.5rem;
background: $l5r5e-title;
--notchSize: 0.25rem;