Farmbot-Web-App/frontend/css/_mobile.scss

41 lines
662 B
SCSS

@media screen and (max-width: 1075px) {
.all-content-wrapper {
padding: 11rem 0 0;
overflow: hidden;
}
.nav-group {
padding: 0 1.6rem 0 0 !important;
}
.mobile-menu-icon {
padding: 1.7rem 0 0 1.6rem;
font-size: 2rem;
color: $white;
}
.mobile-menu {
z-index: 9999;
background: $dark_gray;
color: $white;
height: 100vh;
outline: none;
animation: slide-in 0.2s;
width: 24rem;
}
}
@keyframes slide-in {
0% {
transform: translateX(-11rem)
}
100% {
transform: translateX(0)
}
}
.controls-page {
@media (min-width:992px) {
.col-md-offset-1 {
margin-left: 5%;
}
}
}