cfc988b84b
Former-commit-id: ac75b90cefc3fc0c3e218e25b9af0293929251d8 [formerly fd3edcdc810da676212ff074d67ba3b359809f13] [formerly 0657c60399c1084665a8e2e8dd128d823eb4389c [formerly 5b3b5aecaf986b40d24cb4af0b1d11331ca28c25]] Former-commit-id: 1b2fd9847dd0914c1d92558db35b0581e679627c [formerly fb35e2a1d0ef76f0008694b1fbca90afe149d4b4] Former-commit-id: 0348afb904b3dada892d7b22868266d48e939d4d
50 lines
754 B
CSS
50 lines
754 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: 99999;
|
|
background: #fff;
|
|
height: 100%;
|
|
width: 16em;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
|
|
transition: .1s ease left;
|
|
left: -17em;
|
|
}
|
|
nav.active {
|
|
left: 0;
|
|
}
|
|
header .search-button,
|
|
header>div:first-child>.action {
|
|
display: inherit;
|
|
}
|
|
header img {
|
|
display: none;
|
|
}
|
|
#listing.list .item.header,
|
|
main {
|
|
width: calc(100% - 2em);
|
|
}
|
|
main {
|
|
margin: 0 1em;
|
|
width: calc(100% - 2em);
|
|
}
|
|
#search {
|
|
display: none;
|
|
}
|
|
#search.active {
|
|
display: block;
|
|
}
|
|
}
|