@mixin make-fadebox($color) {

	overflow: hidden;

	&:after {
		content: "";
	    position: absolute;
	    top: 0;
	    right: 0px;
	    width: 32px;
	    height: 100%;
	    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), $color, $color);
    }
}

@mixin grid-col($height, $margin, $bg-color, $fadebox: false) {
	position:relative;
	height: $height;
	padding:$margin;
	margin:0px;

	> div {
		position:relative;
		height:100%;
		background-color: $bg-color;	
		padding:15px;
		@if $fadebox {
			@include make-fadebox($bg-color);
		}
	}
}

@mixin grid-li($cols) {
	
}
