mobile styling
This commit is contained in:
parent
ef9ef0b604
commit
1735087321
@ -15,7 +15,7 @@
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.instance {
|
||||
font-size: 6pt;
|
||||
font-size: 5.5pt;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: min-content 1fr;
|
||||
grid-template-areas:
|
||||
|
||||
@ -125,7 +125,7 @@ button, input {
|
||||
font-family: 'Jura';
|
||||
color: whitesmoke;
|
||||
height: auto;
|
||||
border-width: 2px;
|
||||
border-width: 0.1em;
|
||||
border-color: @gray-exists;
|
||||
letter-spacing: 0.25em;
|
||||
box-sizing: border-box;
|
||||
|
||||
@ -115,6 +115,7 @@
|
||||
}
|
||||
|
||||
aside {
|
||||
font-size: 75%;
|
||||
button {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
@ -1,10 +1,9 @@
|
||||
.vbox {
|
||||
|
||||
align-content: space-between;
|
||||
grid-area: vbox;
|
||||
display: grid;
|
||||
grid-template-rows: 9.5em 2.5em 4.5em min-content;
|
||||
grid-template-columns: 7em 21em;
|
||||
grid-template-columns: 8em 24em;
|
||||
grid-template-areas:
|
||||
"shop-hdr shop"
|
||||
"stash-hdr shop"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user