Skip to content

Instantly share code, notes, and snippets.

@ithoq

ithoq/bootstrap-menu-triangles.css

Created April 7, 2017 03:41
Show Gist options
  • Save ithoq/091883b3c69d6e77bb76515af7ed5321 to your computer and use it in GitHub Desktop.
Save ithoq/091883b3c69d6e77bb76515af7ed5321 to your computer and use it in GitHub Desktop.
Download ZIP
Triangles for bootstrap dropdown menus
Raw
bootstrap-menu-triangles.css
.dropdown-menu::before {
border-bottom: 9px solid rgba(0, 0, 0, 0.2);
border-left: 9px solid rgba(0, 0, 0, 0);
border-right: 9px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
left: 86px;
position: absolute;
top: -8px;
}
.dropdown-menu::after {
border-bottom: 8px solid #FFFFFF;
border-left: 9px solid rgba(0, 0, 0, 0);
border-right: 9px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
left: 86px;
position: absolute;
top: -7px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment