mirror of
https://github.com/status-im/consul.git
synced 2025-02-22 10:28:31 +00:00
9da8ad8f3d
Upgrade all patch and minor upgradeable packages, also uses `only` in ember-cli-build to reduce the included helpers from certain helper packages. Make some major version upgrades for some dev tools - husky - lint-staged - ember-cli-yadda - ember-cli-sass (also moved from node-sass to dart-sass) Minor tweak: spotted css file (instead of scss file), rename The move to `dart-sass`: dart-sass has been the primary implementation of sass for ~6 months and will receive updates earlier than libsass (ruby-sass itself is now deprecated) Other benefits include not having to recompile (via `npm rebuild` or similar) when switching platforms and an 'almost' javascript based solution. This update also alters some media queries that, whilst wouldn't compile anymore with either an updated libsass or dart-sass, where probably a little over complicated anyway, I've therefore made them similar to other breakpoints that made sense.
37 lines
1.1 KiB
SCSS
37 lines
1.1 KiB
SCSS
$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: 815px)';
|
|
$--lt-tall-footer: '(max-height: 814px)';
|
|
|
|
$--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)';
|
|
|
|
$--wide-table: '(min-width: 421px)';
|
|
$--lt-wide-table: '(max-width: 420px)';
|