Improvements on mobile
This commit is contained in:
parent
9ffc6c3d89
commit
b42b3c6491
|
@ -1,8 +1,3 @@
|
||||||
#listing {
|
|
||||||
max-width: calc(100% - 1.2em);
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#listing h2 {
|
#listing h2 {
|
||||||
margin: 0 0 0 0.5em;
|
margin: 0 0 0 0.5em;
|
||||||
font-size: .9em;
|
font-size: .9em;
|
||||||
|
|
|
@ -10,3 +10,23 @@
|
||||||
width: calc(100% - 13em)
|
width: calc(100% - 13em)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 736px) {
|
||||||
|
nav {
|
||||||
|
top: 0;
|
||||||
|
z-index: 9999;
|
||||||
|
background: #fff;
|
||||||
|
height: 100%;
|
||||||
|
width: 13em;
|
||||||
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
#listing.list .item.header, main {
|
||||||
|
width: calc(100% - 2em);
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
margin: 0 1em;
|
||||||
|
width: calc(100% - 2em);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue