Skip to content

Instantly share code, notes, and snippets.

@elijahmanor
Last active April 14, 2018 11:48
Show Gist options
  • Save elijahmanor/9331778 to your computer and use it in GitHub Desktop.
Save elijahmanor/9331778 to your computer and use it in GitHub Desktop.
A Pen by Elijah Manor.
<a id="nav-toggle" href="#"><span></span></a>
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
cursor: pointer;
border-radius: 1px;
height: 5px;
width: 35px;
background: white;
position: absolute;
display: block;
content: '';
}
#nav-toggle span:before {
top: -10px;
}
#nav-toggle span:after {
bottom: -10px;
}
#nav-toggle span {
&, &:before, &:after {
cursor: pointer;
-webkit-border-radius: 1px;
border-radius: 1px;
height: 5px;
width: 35px;
background: white;
position: absolute;
display: block;
content: '';
}
&:before {
top: -10px;
}
&:after {
bottom: -10px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment