Skip to content

Instantly share code, notes, and snippets.

@damonmcminn
Created July 9, 2015 14:25
Show Gist options
  • Select an option

  • Save damonmcminn/af42c39834da7113d73a to your computer and use it in GitHub Desktop.

Select an option

Save damonmcminn/af42c39834da7113d73a to your computer and use it in GitHub Desktop.
body {
width: 100%;
height: 100%;
}
.slideout-menu {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 999;
width: 200px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
display: none;
}
.slideout-panel {
position:relative;
z-index: 1;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
overflow: hidden;
}
.slideout-open .slideout-menu {
display: block;
}
<body>
<nav id="menu">
<header>
<h2>Menu</h2>
{{> loginButtons}}
</header>
</nav>
<main id="panel">
<header>
<span><button class="toggle-button">☰</button></span>
<span><h2>app content</h2></span>
</header>
{{> yield}}
</main>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment