twitter/bootstrap — Issue #2094: Use variables for media query breakpoints
Author: cpatik
Created: 2012-02-20 02:24:45+00:00
State: open

I like to set my own breakpoints rather than the standard 480/768/980px. It's much simpler to change these when `responsive.less` uses variables since they are mentioned in several places. For example:

@bkptPhone: 480px;
@bkptTablet: 768px;

And then:

// UP TO LANDSCAPE PHONE
@media (max-width: @bkptPhone) {
...
}

// PORTRAIT TABLET TO DEFAULT DESKTOP

@media (min-width: @bkptTablet) and (max-width: @bkptDesktop) {
...
}