Sass adaption of "Bootstrap v3.2 optional responsive CSS classes"

column-classes

// Generate optional visibility layout classes for the different viewports of Bootstrap
// Sass adaption of Bootstrap v3.2 optional responsive CSS classes https://gist.github.com/webtobesocial/2f3d9254e696336a083b#file-column-classes-css

@mixin optional-viewport-only-column($visibilty-class)  {
	@for $i from 1 through 12 {
		.col-#{$visibilty-class}-#{$i}-only  {
			width: (($i/12)*100) * 1%;
		}
	}
}

// Optional xs only layout classes
@media (max-width: 767px) {
	@include optional-viewport-only-column('xs');
}

// Optional sm only layout classes
@media (min-width: 768px) and (max-width: 991px) {
	@include optional-viewport-only-column('sm');
}

// Optional md only layout classes
@media (min-width: 992px) and (max-width: 1199px) {
	@include optional-viewport-only-column('md');
}

// Optional lg only layout classes
@media (min-width: 1200px) {
	@include optional-viewport-only-column('lg');
}

Great I love it!