SCSS: Tassels Mixin

gistfile1

@mixin tassels($color:#ffffff,$size:20px) {
	position: relative;
	&:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: $size;
		background-size: $size $size*2;
		background-repeat: repeat-x;
		@include background-image(
			linear-gradient(45deg, transparent 34%, $color 34%, $color 66%, transparent 66%),
			linear-gradient(315deg, transparent 34%, $color 34%, $color 66%, transparent 66%)
		);
	}
}