Skip to content

Instantly share code, notes, and snippets.

@AmauryVanEspen

AmauryVanEspen/drop-submenu.js

Created March 20, 2017 11:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save AmauryVanEspen/fbe88e9565f0b64f23f8b2c489500df0 to your computer and use it in GitHub Desktop.
Save AmauryVanEspen/fbe88e9565f0b64f23f8b2c489500df0 to your computer and use it in GitHub Desktop.
Download ZIP
dropdown-submenu
Raw
drop-submenu.js
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;
border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;
-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment