Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
.header_nav_dropDown {
position: absolute;
right: 20px;
top: -200px;
padding-bottom: 10px;
width: 200px;
border: rgba(0,0,0,0) 2px solid;
z-index: 1;
-webkit-transition: all .6s ease;
transition: all .6s ease;
&:before {
content: "";
display: block;
margin-left: 150px;
width: 10px;
height: 10px;
background-color: #fff;
border-right: rgba(0,0,0,.7) 2px solid;
border-top: rgba(0,0,0,.7) 2px solid;
-webkit-transform: translate(0, -7px) rotateZ(-45deg);
transform: translate(0, -7px) rotateZ(-45deg);
}
li {
width: 200px;
line-height: 30px;
text-align: center;
-webkit-transition: all .3s ease;
transition: all .3s ease;
a {
display: inline-block;
width: 200px;
font-size: 0.9rem;
color: #000;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
&:hover {
background-color: rgba(0,0,0,.7);
a {
color: #fff;
}
}
}
}
.header_nav_dropDown_on {
display: block;
top: $headerHeight + 10px;
border: rgba(0,0,0,.7) 2px solid;
border-radius: 10px;
background-color: #fff;
a {
color: #333;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment