consul/ui-v2/app/styles/variables/custom-query.scss

$ideal-width: 1260px;
$--horizontal-filters: '(min-width: 910px)';
$--lt-horizontal-filters: '(max-width: 909px)';

$--horizontal-selects: '(min-width: 670px)';
$--lt-horizontal-selects: '(max-width: 669px)';

$--horizontal-nav: '(min-width: 850px)';
$--lt-horizontal-nav: '(max-width: 849px)';

$--horizontal-tabs: '(min-width: 615px)';
$--lt-horizontal-tabs: '(max-width: 614px)';

$--horizontal-session-list: '(min-width: 900px)';
$--lt-horizontal-session-list: '(max-width: 899px)';

$--min-padding: '(max-width: 600px)';
$--max-padding: '(min-width: 1260px)';

$--tall-footer: '(min-height: 668px)';
$--lt-tall-footer: '(max-height: 667px)';

$--wide-footer: '(min-width: 421px)';
$--lt-wide-footer: '(max-width: 420px)';

$--spacious-page-header: '(min-width: 850px)';
$--lt-spacious-page-header: '(max-width: 849px)';

$--spacious-healthcheck-output: '(min-width: 651px)';
$--lt-spacious-healthcheck-output: '(max-width: 650px)';

$--wide-form: '(min-width: 421px)';
$--lt-wide-form: '(max-width: 420px)';

/* If these are needed for usage on the same table */
/* they will need re-figuring out */
$--wide-table: '(min-width: 421px)';
$--lt-wide-table: '(max-width: 420px)';

$--medium-table: '(min-width: 850px)';
$--lt-medium-table: '(max-width: 849px)';
/* */
$--fixed-grid: '(min-width: 1260px)';
$--lt-fixed-grid: '(max-width: 1259px)';