$ideal-width: 1260px; $--horizontal-filters: '(min-width: 1300px)'; $--lt-horizontal-filters: '(max-width: 1379px)'; $--horizontal-selects: '(min-width: 996px)'; $--lt-horizontal-selects: '(max-width: 995px)'; $--horizontal-nav: '(min-width: 850px)'; $--lt-horizontal-nav: '(max-width: 849px)'; $--horizontal-tabs: '(min-width: 615px)'; $--lt-horizontal-tabs: '(max-width: 614px)'; $--min-padding: '(max-width: 600px)'; $--max-padding: '(min-width: 1260px)'; $--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)'; $--sidebar-open: '(min-width: 900px)'; $--lt-sidebar-open: '(max-width: 899px)';