Skip to content

Instantly share code, notes, and snippets.

View netzwahnHH's full-sized avatar

Torsten netzwahnHH

  • Hamburg
View GitHub Profile
@netzwahnHH
netzwahnHH / column-classes
Last active August 29, 2015 14:04
Sass adaption of "Bootstrap v3.2 optional responsive CSS 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%;
}
}
}
@media (max-width: 767px) {
/******************************************
* optional layout column classes
* for specified viewport xs only
******************************************/
.col-xs-12-only {
width: 100%;
}
.col-xs-11-only {