Simple grid system, dependent on bourbon.io

Flexgrid.scss

.column-row{
	@include flex-row();
	min-height:30px;

	.column{
		@include flex( 1 );
		margin-right:30px;
		&:last-of-type{
			margin-right:0;
		}
	}

	&.sidebar-right .column:first-of-type{
			@include flex( 2 );
	}
	
	&.sidebar-left .column:last-of-type{
			@include flex( 2 );
	}
	
}


//make flex rows a bit easier:
@mixin flex-row( $equalize:stretch ){
    @include display(flex);
    @include flex-direction(row);
    @include align-items($equalize);
}

//make flex columns a bit easier:
@mixin flex-col( $equalize:stretch ){
    @include display(flex);
    @include flex-direction(column);
    @include align-items($equalize);
}