app/assets/stylesheets/angle/app/media-queries.scss
// ========================================================================
// Component: media-queries.less
// ========================================================================
// Taken from bootstrap variables
// to match all components media queries
$mq-desktop-lg: $screen-lg-desktop; // Usually 1200px
$mq-desktop: $screen-desktop; // Usually 992px
$mq-tablet: $screen-sm-min; // Usually 768px
$mq-mobile: $screen-phone; // Usually 480px
// Inverse version media queries (for use with max-width)
// Some components needs to be strictly defined only for mobile
$mq-up-to-desktop-lg: ($screen-lg-desktop - 1); // Usually 1199px
$mq-up-to-desktop: ($screen-desktop - 1); // Usually 991px
$mq-up-to-tablet: ($screen-sm-min - 1); // Usually 767px
$mq-up-to-mobile: ($screen-phone - 1); // Usually 479px