Henrique Dias d45fdbbfb5 Improvements on mobile
Former-commit-id: 8ada05a2e55b2ff981bd262428180b1a8536cd4e [formerly d730b097f82616c3d4e66b4756e69ebbce6079ac] [formerly 2d14624e641d0e1f0ba3c74e13a109bb7769fdc1 [formerly b42b3c64918c6069cfecebff91c413071b1cb418]]
Former-commit-id: 12240d5c19de99c0b639f94ffd82dbffc2b78177 [formerly 3611b305281016452a25366de003b7af21f3bebf]
Former-commit-id: 73203d1fb6d4ab59e66388dbe61a569e1a0dd5a3
2017-07-04 14:08:32 +01:00

33 lines
471 B
CSS

@media (max-width: 1024px) {
nav {
width: 10em
}
}
@media (max-width: 1024px) {
#listing.list .item.header,
main {
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);
}
}