$ideal-width: 1260px; $--horizontal-filters: '(min-width: 850px)'; $--lt-horizontal-filters: '(max-width: 849px)'; $--horizontal-selects: '(min-width: 615px)'; $--lt-horizontal-selects: '(max-width: 614px)'; $--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-status: '(min-width: 421px)'; $--lt-spacious-healthcheck-status: '(max-width: 420px)'; $--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)';