Skip to content

Instantly share code, notes, and snippets.

@jmiramant
Created May 9, 2016 23:08
Show Gist options
  • Save jmiramant/784d6e7858cf11d8949e1348c30a281e to your computer and use it in GitHub Desktop.
Save jmiramant/784d6e7858cf11d8949e1348c30a281e to your computer and use it in GitHub Desktop.
#navpurple .responsive-menu-container li {
padding-left: 10px;
float: none;
transition: margin-bottom 0.5 ease-in-out;
}
#navpurple > ul.responsive-menu-container > li > a {
padding: 22px 42px;
height: 62px;
text-align: left;
color: #707070 !important;
border-bottom: 2px solid #eaeaea !important;
transition: margin-bottom 150ms ease-in-out;
}
#navpurple > ul.responsive-menu-container > li > a.navbar-highlight-parent {
background-color: transparent;
}
#navpurple > ul.responsive-menu-container > li > a.expanded,
#navpurple ul.responsive-menu-container > li > a.two-child {
margin-bottom: 62px;
}
#navpurple ul.responsive-menu-container > li > a.two-child {
margin-bottom: 126px;
}
#navpurple ul.responsive-menu-container > li > a.three-child {
margin-bottom: 190px;
}
#navpurple .responsive-menu-container ul.child {
width: 100%;
margin-top: -20px;
transition: all 250ms ease-in-out;
}
#navpurple .responsive-menu-container ul.child li {
display: inline-block;
padding: 0px;
margin: 0 -2px;
overflow: hidden;
z-index: 1;
border: 0;
}
#navpurple .responsive-menu-container > li .k-icon {
margin-right: 40px;
float: right;
}
#navpurple .responsive-menu-container .child > li .k-icon {
margin-right: 7%;
float: right;
}
#navpurple .responsive-menu-container .child > li.expanded .k-icon {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#navpurple ul.responsive-menu-container li ul li:first-child a {
border: none;
}
#navpurple .responsive-menu-container ul.child li a {
margin: 0;
width: 100% !important;
padding-left: 9%;
}
#navpurple .responsive-menu-container ul.child li a.line-break {
padding-top: 17px;
}
#navpurple ul li ul li a {
text-align: left;
height: 62px;
width: 212px !important;
font-size: 14px;
padding-top: 24px;
padding-left: 12px;
background: #4f4c7f;
border-bottom: #474373;
border-top: 0;
}
#navpurple .responsive-menu-container ul.child.level-2 {
margin-top: 42px;
display: none;
}
#navpurple .responsive-menu-container ul.child.level-2 a {
background-color: #615e8c;
}
#navpurple .responsive-menu-container ul.child.level-2 li:hover a {
background-color: #716e98;
}
#navpurple .responsive-menu-container ul.child.level-3 {
margin-top: 104px;
display: none;
}
#navpurple .responsive-menu-container ul.child.level-3 a {
background-color: #716e98;
}
#navpurple .responsive-menu-container ul.child.level-3 li:hover a {
background-color: #7f7da3;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment