// Variables for Block Styles

//------------- Colors -------------//
$black: #000000;
$grey: #949494;

//----------- Utilities ------------//
@mixin gradient( $direction ) {
	background: linear-gradient(
	    $direction,
	    hsla(0, 0%, 0%, 0.63) 0%,
	    hsla(0, 0%, 0%, 0.621) 0.8%,
	    hsla(0, 0%, 0%, 0.597) 2.9%,
	    hsla(0, 0%, 0%, 0.562) 6.4%,
	    hsla(0, 0%, 0%, 0.517) 11%,
	    hsla(0, 0%, 0%, 0.464) 16.6%,
	    hsla(0, 0%, 0%, 0.406) 23.1%,
	    hsla(0, 0%, 0%, 0.344) 30.4%,
	    hsla(0, 0%, 0%, 0.281) 38.3%,
	    hsla(0, 0%, 0%, 0.22) 46.7%,
	    hsla(0, 0%, 0%, 0.162) 55.4%,
	    hsla(0, 0%, 0%, 0.11) 64.4%,
	    hsla(0, 0%, 0%, 0.065) 73.5%,
	    hsla(0, 0%, 0%, 0.03) 82.5%,
	    hsla(0, 0%, 0%, 0.008) 91.4%,
	    hsla(0, 0%, 0%, 0) 100%
	);
}