Arjun arjunkshetri

michaelparenteau / compass-flags.scss

Created May 11, 2012 21:20

Compass Ribbon Mixin

	@mixin ribbon($color, $ribbon-thickness, $notch-color, $notch-side) {
	@include background-image(linear-gradient(lighten($color, 20%), darken($color, 10%)));
	@include inline-block;
	position: absolute;
	padding-#{$notch-side}: $ribbon-thickness;
	@if $notch-side == left {
	height: $ribbon-thickness;
	line-height: $ribbon-thickness;
	right: -2px;
	padding-right: 10px;