Begin work on the Untyped item info

This commit is contained in:
Oliver-Akins 2024-03-20 19:07:25 -06:00
parent aa5c6d5aba
commit 80995da0aa
6 changed files with 85 additions and 17 deletions

View file

@ -100,6 +100,12 @@
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.untyped-list {
display: flex;
gap: 8px;
flex-direction: column;
}
}
.material {
@ -112,6 +118,8 @@
border-radius: 4px;
&__label {
font-family: var(--inventory-item-name-font);
font-size: var(--inventory-item-name-font-size);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@ -153,4 +161,29 @@
}
}
}
.untyped {
@include material.elevate(1);
padding: 8px;
border-radius: 4px;
color: var(--inventory-material-color);
&__header {
display: flex;
gap: 8px;
align-items: center;
button {
color: var(--inventory-material-color);
}
}
&__name {
flex-grow: 1;
font-family: var(--inventory-item-name-font);
font-size: var(--inventory-item-name-font-size);
}
&__content {
}
}
}

View file

@ -43,7 +43,15 @@ $body-font: sans-serif;
--skill-training-select-text-color: #{$on-surface};
--skill-roll-button-text-color: #{$on-surface};
/* Common Inventory Item Variables */
--inventory-item-name-font: #{$body-font};
--inventory-item-name-font-size: 0.875rem;
/* Material inventory item details */
--inventory-material-color: white;
--inventory-material-hover-color: white;
--inventory-material-focus-color: white;
/* Untyped (custom) inventory item details */
--inventory-untyped-color: white;
}