Skip to content

Instantly share code, notes, and snippets.

@ckng
Created June 29, 2013 05:49
Show Gist options
  • Save ckng/5890008 to your computer and use it in GitHub Desktop.
Save ckng/5890008 to your computer and use it in GitHub Desktop.
boostrap missing responsive-980px-1199px
// Responsive: Normal desktops
// --------------------------------------------------
@media (min-width: 980px) and (max-width: 1199px) {
// Fixed grid
#grid > .core(@gridColumnWidth980, @gridGutterWidth980);
// Fluid grid
#grid > .fluid(@fluidGridColumnWidth980, @fluidGridGutterWidth980);
// Input grid
#grid > .input(@gridColumnWidth980, @gridGutterWidth980);
// No need to reset .thumbnails here since it's the same @gridGutterWidth
}
// Small desktops
@import "responsive-980px-1199px";
// basic grid
// 980px-1199px
@gridColumnWidth980: 56px; // Feel free to modify this value !
@gridGutterWidth980: 24px; // Feel free to modify this value !
@gridRowWidth980: (@gridColumns * @gridColumnWidth980) + (@gridGutterWidth980 * (@gridColumns - 1));
// Fluid grid
// 980px-1199px
@fluidGridColumnWidth980: percentage(@gridColumnWidth980/@gridRowWidth980);
@fluidGridGutterWidth980: percentage(@gridGutterWidth980/@gridRowWidth980);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment