Begin work on the Untyped item info
This commit is contained in:
parent
aa5c6d5aba
commit
80995da0aa
6 changed files with 85 additions and 17 deletions
|
|
@ -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 {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue