Former-commit-id: 229baefa76ee3202dcf4aac3249a461b6cc51eed [formerly 2773046c33eee1ff79ef1d02238de37e14860726] [formerly 2d50f10c3f809c6135cc861eaf0360092a23ea3f [formerly 14ff4f2b74c440888b632a6bacd338067dd0b588]] Former-commit-id: e766887e65390514cf827700c3ab0d5ed000c480 [formerly 7429be72884d3eb154e45dc638fd17dfcfdfaa62] Former-commit-id: d23373bf316295d6579e4bbc780f5b963c632c4d
47 lines
728 B
CSS
47 lines
728 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);
|
|
transition: .2s ease-in-out left;
|
|
left: -14em;
|
|
}
|
|
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;
|
|
}
|
|
}
|