This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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%; | |
} | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@media (max-width: 767px) { | |
/****************************************** | |
* optional layout column classes | |
* for specified viewport xs only | |
******************************************/ | |
.col-xs-12-only { | |
width: 100%; | |
} | |
.col-xs-11-only { |