Style and restore aid modifiers

This commit is contained in:
Carlos Fernandez 2026-04-23 06:35:02 -04:00
parent 89c02faf0e
commit 98f9957ba0
4 changed files with 63 additions and 11 deletions

View file

@ -19,15 +19,31 @@
}
.item-tags {
gap: 6px;
.tag.failure,
.tag.success {
font-weight: 600;
justify-content: center;
min-width: 3ch;
}
.tag.success {
border-color: @green;
background: @green-10;
color: @green;
}
.tag.failure {
border-color: @red;
background: @red-10;
color: @red;
}
.tag {
padding-top: 0;
padding-bottom: 0;
line-height: 1.1875rem;
}
}
.member-roll-container {
@ -48,12 +64,30 @@
.trait {
display: flex;
align-items: center;
gap: var(--spacer-8);
gap: 6px;
select {
--input-height: 2em;
width: auto;
}
}
.item-tags {
align-items: stretch;
.buttons {
align-items: stretch;
display: flex;
button {
--button-size: auto;
color: var(--medium-red);
padding: 0 var(--spacer-4);
&[data-success=true] {
color: var(--green);
}
&.inactive {
opacity: 0.5;
}
}
}
}
}
&.inactive {
@ -178,6 +212,10 @@
margin-block: var(--spacer-4);
}
.modifiers .item-tags {
min-height: calc(2px + 1.1875rem);
}
.total {
.label {
font-size: var(--font-size-14);