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