@import "variables";

/* Row Spacers */

.row-spacer, .row-spacer-md {
	@include margin-bottom($margin_base, $margin_md);
}

.row-spacer-xs {
	@include margin-bottom($margin_base, $margin_xs);
}

.row-spacer-sm {
	@include margin-bottom($margin_base, $margin_sm);
}

.row-spacer-lg {
	@include margin-bottom($margin_base, $margin_lg);
}

/* Column Spacers */

.row-col-spacer > div, .row-col-spacer-md > div {
	@include margin-bottom($margin_base, $margin_md);
}

.row-col-spacer-xs > div {
	@include margin-bottom($margin_base, $margin_xs);
}

.row-col-spacer-sm > div {
	@include margin-bottom($margin_base, $margin_sm);
}

.row-col-spacer-lg > div {
	@include margin-bottom($margin_base, $margin_lg);
}

.row-col-spacer > div:last-child,
.row-col-spacer-xs > div:last-child,
.row-col-spacer-sm > div:last-child,
.row-col-spacer-md > div:last-child,
.row-col-spacer-lg > div:last-child {
	@include margin-bottom($margin_base, 0);
}

/* Small Devices & Tablets */
@media only screen and (min-width : 768px) {
	
	.row-col-spacer > div,
    .row-col-spacer-xs > div,
    .row-col-spacer-sm > div,
    .row-col-spacer-md > div,
    .row-col-spacer-xs > div {
	    @include margin-bottom($margin_base, 0);
	}
	
}