Foundry/.dungeon
0
0
Fork 0
Code Issues 57 Pull requests Projects Releases 7 Packages Wiki Activity Actions

Genericizing some of the styling and adding the Aspect item details (closes #128)

Browse source
This commit is contained in:
Oliver-Akins 2024-03-24 16:54:50 -06:00
parent 649381cfdd
commit acbcb6c9b2
4 changed files with 117 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

37
styles/sheets/actor/char-sheet/v2/pages/inventory.scss
View file

@ -53,7 +53,7 @@
gap: 8px;
}
&--untyped {
&--untyped, &--aspect {
display: flex;
gap: 8px;
flex-direction: column;
@ -186,7 +186,7 @@
}
}
.untyped {
.untyped, .aspect {
@include material.elevate(1);
padding: 8px;
border-radius: 4px;
@ -252,7 +252,7 @@
}
}
&__usage, &__tier {
&__field {
@include material.elevate(1);
color: var(--inventory-untyped-card-color);
padding: 8px;
@ -260,17 +260,6 @@
align-items: center;
justify-content: space-between;
border-radius: 4px;
}
&__quantity--edit {
@include material.elevate(1);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0px 8px;
gap: 4px;
border-radius: 4px;
> :first-child {
text-overflow: ellipsis;
@ -278,15 +267,17 @@
white-space: nowrap;
}
input {
@include material.elevate(2);
font-family: var(--input-font);
font-size: var(--inventory-untyped-quantity-font-size);
width: 50px;
text-align: center;
border-radius: 4px;
padding: 5px 7px;
color: inherit;
&.editable {
input[type="text"], input[type="number"] {
@include material.elevate(1);
font-family: var(--input-font);
font-size: var(--inventory-untyped-quantity-font-size);
width: 50px;
text-align: center;
border-radius: 4px;
padding: 5px 7px;
color: inherit;
}
}
}