gistfile1.txt

@custom-media --small-up (width >= 34em);
@custom-media --medium-up (width >= 48em);
@custom-media --large-up (width >= 62em);
@custom-media --extra-large-up (width >= 75em);

@lost gutter 30px;

.container {
	width: 100%;
}

.row {
	lost-utility: clearfix;
	margin-bottom: 1em;
	
	@for $i from 1 to 12 {
		.col-xs-$i { 
			lost-column: $i/12; 
		}
	}
	
}

@media(--small-up){
	
	.container {
		width: 34rem;
	}
	
	.row {
		@for $i from 1 to 12 {
			.col-sm-$i { 
				lost-column: $i/12; 
			}
		}
	}
}

@media(--medium-up){
	
	.container {
		width: 45rem;
	}
	
	.row {
		@for $i from 1 to 12 {
			.col-md-$i { 
				lost-column: $i/12; 
			}
		}
	}
}

@media(--large-up){
	
	.container {
		width: 60rem;
	}
	
	.row {
		@for $i from 1 to 12 {
			.col-lg-$i { 
				lost-column: $i/12; 
			}
		}
	}
}

@media(--extra-large-up){
	
	.container {
		width: 72.25rem;
	}
	
	.row {
		@for $i from 1 to 12 {
			.col-xl-$i { 
				lost-column: $i/12; 
			}
		}
	}	
}