MojoRibbon

DEMO: http://netcribe.com/MojoRibbon

Geometrically correct LESS ribbon

A = sin(a) * C or A = sin(65) * 500;
B = sin(b) * C or B = sin(25) * 500;

A2 = sin(a2) * C2 or A2 = sin(65) * 50;
B2 = sin(b2) * C2 or B2 = sing(25) * 50;

Usage:

.ribbon {
  .MojoRibbon(@width: 500px, @height: 50px, @deg: -45deg, @valign: top);
	display: inline-block;
	background-color: #cc0000;
	position: absolute;
	z-index: 5;
	box-shadow: 0 0 10px #000;
}

<a href="https://github.com/Pestov/MojoRibbon" class="ribbon"> Fork me on Github</a>