Skip to content

Instantly share code, notes, and snippets.

@DavidMellul
Created September 24, 2018 09:18
Show Gist options
  • Save DavidMellul/081c702814d02d8629023cb412466cff to your computer and use it in GitHub Desktop.
Save DavidMellul/081c702814d02d8629023cb412466cff to your computer and use it in GitHub Desktop.
html, body {
width: 100%;
height: 100%;
margin: 0;
}
#sidebar, #content {
height: 100%;
overflow:auto;
float:left;
transition: width .35s;
}
#sidebar {
background:white;
width: 30%;
}
#sidebar.collapsed {
width: 0;
}
#sidebar.collapsed + #content {
width: 100%;
}
#content {
background:gray;
width: 70%;
}
button {
width: 30px;
height: 30px;
background: black;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment