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

Updating to v13, various changes to make it work

Browse Source
This commit is contained in:
Litasa
2025-05-30 08:58:14 +00:00
committed by Vlyan
parent 897ccefd71
commit 1649c2b032
16 changed files with 384 additions and 767 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,115 +1,4 @@
// -- Dices.scss
.dice-roll {
.dice-formula,
.dice-total {
background: rgba(255, 255, 255, 0.1);
border: rgba(255, 255, 255, 0.75);
text-align: center;
margin: 0.5rem 0;
padding: 0.25rem 0.5rem 0.25rem 0.25rem;
&-rnk {
line-height: 2rem;
i {
margin-left: 0.5rem;
}
}
}
button {
&.chat-dice-rnk {
cursor: url("../assets/cursors/pointer.webp"), pointer;
color: $white;
background: linear-gradient(
$l5r5e-linear-gradient-third,
$l5r5e-linear-gradient-third-dark,
$l5r5e-linear-gradient-third
);
background-origin: padding-box;
border-image: url("../assets/ui/macro-button.webp") 10 repeat;
border-image-width: 0.5rem;
border-image-outset: 0px;
margin: 0.5rem 0 0;
&:hover {
background: linear-gradient(
$l5r5e-linear-gradient-first-dark,
$l5r5e-linear-gradient-first,
$l5r5e-linear-gradient-first-dark
);
}
}
&.chat-dice-rnk-ended {
background: linear-gradient(
$l5r5e-linear-gradient-second,
$l5r5e-linear-gradient-second-dark,
$l5r5e-linear-gradient-second
);
}
}
.dice-result-rnk {
background: rgba(0, 0, 255, 0.1);
border: 1px solid rgba(55, 55, 155, 0.75);
padding: 0.25rem;
color: rgba(55, 55, 155, 0.75);
text-align: center;
font-weight: bold;
text-shadow: 0 0 0 $black;
&.success {
background: rgba(0, 255, 0, 0.1);
border-color: rgba(55, 155, 55, 0.75);
color: rgba(55, 155, 55, 0.75);
i.i_success {
font-size: 1rem;
}
}
&.unknown {
background: rgba(121, 121, 121, 0.1);
border-color: rgba(124, 124, 124, 0.75);
color: rgba(91, 91, 91, 0.75);
}
&.fail {
background: rgba(255, 0, 0, 0.1);
border-color: rgba(155, 55, 55, 0.75);
color: rgba(155, 55, 55, 0.75);
}
}
.target,
.item-infos {
display: flex;
align-items: center;
flex: 0 0 100%;
margin: 0.5rem 0;
padding: 0.25rem 0.5rem 0.25rem 0.25rem;
background: rgba(255, 255, 255, 0.1);
border: solid 1px rgba(100, 0, 0, 0.75);
border-radius: 3px;
.profile {
flex: 1;
margin: 0.25rem 0.25rem 0 0;
position: relative;
.profile-img {
position: relative;
border: none;
filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.66));
}
}
.name {
flex: 6;
font-family: "BrushtipTexe", sans-serif;
}
.content-link {
background: unset;
border: unset;
i {
display: none;
}
}
}
.item-infos {
border: solid 1px rgba(0, 78, 100, 0.75);
i {
font-size: var(--font-size-12);
}
}
}
// If DicePicker add a pointer
.dice-picker {
@@ -202,7 +91,13 @@
vertical-align: middle;
}
.dice-container.assistance {
display: flex;
align-items: anchor-center;
}
.dice-container {
display: inline-block;
position: relative;
text-align: center;
@@ -210,6 +105,16 @@
height: 40px;
width: 40px;
}
&.dice-value{
&.input-dice {
width: 20px;
color: #0f0f0e;
background: none;
border: none;
font-size: large;
padding: 0;
}
}
}
.dice-value {
@@ -218,22 +123,25 @@
left: 50%;
transform: translate(-50%, -50%);
}
.input-dice {
width: 20px;
input[name="ring.value"][type="text"] {
color: #f0f0e0;
border: unset;
background: unset;
}
input[name="skill.value"][type="text"] {
color: #0f0f0e;
background: none;
border: none;
font-size: large;
padding: 0;
&-ring {
color: #f0f0e0;
}
&-skill {
color: #0f0f0e;
}
border: unset;
background: unset;
}
input[name="difficulty.value"][type="text"] {
color: #0f0f0e;
border: unset;
background: unset;
}
input[name="skill.assistance"][type="text"] {
color: #0f0f0e;
border: unset;
background: unset;
}
}