Sass RGBA Fallback Mixin

rgba-fallback.scss

/**
 * RGBA & Hex Fallback
 *
 * Takes a hex code with comma separated alpha value. 
 * Falls back to just the hex if no alpha is provided.
 *
 * Params:
 *  $prop: The CSS property to apply the color value to
 *  $color: A hex code, or bracketed Hex + Opacity figure. eg: (#fff, 0.5)
 *
 * Markup:
 *  @include color('color', #fff);
 *  @include color('background-color', (#fff, 0.25));
 */

@mixin color($prop, $color) {
	$hex: nth($color, 1);
	
	#{$prop}: $hex;
	
	@if length($color) > 1 {
		$alpha: nth($color, 2);
		
		#{$prop}: rgba($hex, $alpha);
	}
}