new layout combiner bottom
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user