Foundry/ripcrypt
1
0
Fork 0
Code Issues 22 Pull requests Releases Activity Actions

Begin making the BookGeistSheet have the final design

Browse source
This commit is contained in:
Eldritch-Oliver 2025-10-12 21:29:59 -06:00
parent 798e7441b4
commit 28345bdef0
8 changed files with 360 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

87
templates/Apps/BookGeistSheet/style.css
View file

@ -3,11 +3,98 @@
display: flex;
flex-direction: row;
gap: 4px;
padding: 8px;
color: var(--base-text);
background: var(--base-background);
}
.info {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 4px;
}
.img-wrapper {
display: flex;
justify-content: center;
align-items: center;
img {
width: 150px;
height: 150px;
}
}
.overview {
display: flex;
flex-direction: row;
gap: 4px;
input {
width: 50%;
}
}
table {
td {
border: 1px solid var(--accent-1);
text-align: center;
input {
width: 30px;
background: unset;
text-align: center;
}
}
thead td {
font-weight: bold;
border-top-width: 0;
&:first-of-type, &:last-of-type {
border-left-width: 0;
border-right-width: 0;
}
}
tbody tr {
td:first-of-type, td:last-of-type {
border-left-width: 0;
border-right-width: 0;
}
&:last-of-type td {
border-bottom-width: 0;
}
}
.alt {
background-color: var(--alt-row-background);
}
}
.items {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
grid-template-rows: repeat(3, auto);
gap: 2px;
.traits {
display: flex;
flex-direction: row;
gap: 8px;
list-style-type: none;
}
.trait {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
background-color: var(--accent-2);
border-radius: 4px;
padding: 2px 4px;
}
}
}