ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rearrange vbox wip

Browse Source
This commit is contained in:
Mashy
2019-11-20 21:47:19 +10:00
parent b6c90661a7
commit e53983db98
2 changed files with 105 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/assets/styles/vbox.less
+46 -35
View File
@@ -1,6 +1,50 @@
.vbox {
margin-bottom: 2em;
align-content: space-between;
grid-area: vbox;
display: grid;
grid-template-rows: min-content 3.5em min-content 1em min-content 3.5em min-content;
grid-template-columns: 7em 1em 25em;
grid-template-areas:
"shop-hdr . shop"
". . shop"
"combiner . shop"
"combiner . ."
"combiner . stash"
". . stash"
"stash-hdr . stash";
margin-bottom: 1em;
line-height: 0;
.shop {
grid-area: shop;
}
.shop-hdr {
grid-area: shop-hdr;
display: flex;
flex-direction: column;
}
.combiner {
grid-area: combiner;
display: flex;
flex-direction: column;
}
.stash {
grid-area: stash;
display: flex;
flex-direction: column;
}
.stash-hdr {
grid-area: stash-hdr;
}
.vbox-hdr {
margin-bottom: 1em;
height: 2em;
@@ -104,22 +148,6 @@
}
}
/* VBOX */
.vbox {
align-content: space-between;
grid-area: vbox;
display: grid;
grid-template-rows: min-content min-content min-content;
grid-template-columns: 1fr min-content 1fr;
grid-template-areas:
"vbox varrow inventory"
"vbox varrow combiner";
}
.vbox-inventory {
grid-area: inventory;
}
.vbox-combiner {
grid-area: combiner;
display: flex;
@@ -127,18 +155,6 @@
justify-content: flex-end;
}
.vbox-arrow, .vbox-arrow-mobile {
display: flex;
justify-content:center;
align-content:center;
flex-direction:column;
margin: 1em 0.25em 0 0.25em;
grid-area: varrow;
font-size: 2em;
color: @gray-hint;
}
.vbox-combiner button {
flex: 0;
}
@@ -156,9 +172,4 @@
font-size: 2em;
line-height: 1em;
animation: bits 1s ease-out;
}
.arrow {
grid-area: arrow;
color: @gray-hint;
}
}