Henrique Dias
b50b0d57fe
Former-commit-id: 3bb6cc662da9e9255bd61fef42430c271002fd49 [formerly eaf1785c4f85522e4eb66d00a6ae9dd9ecc4fcb4] [formerly addd3ffe1396e6df84cdc3e8787d57ffb2be3dc6 [formerly 800693ad49]]
Former-commit-id: 6c24d30f26529457202f470620a0ea1d31772b13 [formerly 384d2af17fe100b9db91462eb41337f9dff855f4]
Former-commit-id: 94f4933e12f97ee7468c884f041612498e07ba32
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;
|
|
}
|
|
}
|