new layout combiner bottom

This commit is contained in:
Mashy
2019-11-21 13:19:07 +10:00
parent a5d778475e
commit ef9ef0b604
2 changed files with 39 additions and 24 deletions
+21 -13
View File
@@ -8,19 +8,17 @@
grid-template-areas:
"shop-hdr shop"
"stash-hdr shop"
"stash-hdr combiner"
"stash stash";
"stash stash"
"refund combiner";
border-top: 0.1em solid @gray-exists;
border-bottom: 0.1em solid @gray-exists;
margin-bottom: 1em;
line-height: 0;
.items {
.vbox-padding {
margin-left: 0.5em;
margin-bottom: 1em;
margin-bottom: 0.5em;
margin-top: 0.5em;
margin-right: 1em;
margin-right: 0.5em;
}
.shop {
@@ -45,10 +43,16 @@
.combiner {
grid-area: combiner;
border-bottom: 0.1em solid @gray-exists;
border-right: 0.1em solid @gray-exists;
border-top: 0.1em solid @gray-exists;
border-left: 0.1em solid @gray-exists;
display: flex;
flex-direction: column;
.vbox-padding {
margin-right: 0em;
margin-bottom: 0em;
}
button {
height: 3em;
letter-spacing: 0.1em;
@@ -61,7 +65,7 @@
.stash {
grid-area: stash;
.items {
.vbox-padding {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 0.5em 1em;
@@ -76,13 +80,17 @@
border-left: 0.1em solid @gray-exists;
border-right: 0.1em solid @gray-exists;
text-align: center;
}
.refund {
button {
margin-top: 0.5em;
line-height: 1.6;
height: 4em;
line-height: 1.4;
height: 3em;
letter-spacing: 0.1em;
background-color: #342100;
}
border-left: 0.1em solid @gray-exists;
border-bottom: 0.1em solid @gray-exists;
}
.vbox-hdr {