Skip to content

Instantly share code, notes, and snippets.

@oropesa
Created November 25, 2014 13:49
Show Gist options
  • Save oropesa/09f5e6220768230486fd to your computer and use it in GitHub Desktop.
Save oropesa/09f5e6220768230486fd to your computer and use it in GitHub Desktop.
Bootstrap Screen. Add size 'Extra Large'
/**
* BOOTSTRAP: SIZE EXTRA LARGE
*/
@screen-xl-min: 1480px;
@screen-lg-max: (@screen-xl-min - 1);
@container-extra-large-desktop: ((1420px + @grid-gutter-width));
@container-xl: @container-extra-large-desktop;
@modal-xl: 1100px;
.container {
@media (min-width: @screen-xl-min) {
width: @container-xl;
}
}
@media (min-width: @screen-xl-min) {
.make-grid(xl);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment