Skip to content

Instantly share code, notes, and snippets.

@qoli
Created January 3, 2017 21:08
Show Gist options
  • Save qoli/2ede168922c07728034c5787974306d1 to your computer and use it in GitHub Desktop.
Save qoli/2ede168922c07728034c5787974306d1 to your computer and use it in GitHub Desktop.
@media (max-width:767px) {
// Mobile
.dropdown-menu {
position: static;
}
.dropdown-menu li {
}
.dropdown-menu .dropdown-header {
margin-top: 8px;
}
.dropdown-menu li a {
line-height: 44px;
}
.open > .dropdown-menu {
display: block;
position: fixed;
top: 5vh;
left: 6vw;
width: 88vw;
max-height: 80vh;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.open::after {
content: " ";
display: block;
position: fixed;
z-index: 900;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, .6);
-webkit-backdrop-filter: brightness(1.5) blur(4px);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment