mirror of
https://github.com/zulip/zulip.git
synced 2026-06-30 21:11:04 +08:00
14e9f65349
This introduces a new breakpoint. In the future, this kind of round-about sizing will be made unncessary by container queries, but while those ship in all modern browsers, their availability is quite recent: https://developer.mozilla.org/en-US/docs/Web/CSS/@container
45 lines
904 B
JavaScript
45 lines
904 B
JavaScript
/* eslint-env commonjs */
|
|
|
|
"use strict";
|
|
|
|
// Media query breakpoints according to Bootstrap 4.5
|
|
const xs = 0;
|
|
const sm = 576;
|
|
const md = 768;
|
|
const lg = 992;
|
|
const xl = 1200;
|
|
|
|
// Breakpoints for mobile devices used by Google Chrome as of Version 86
|
|
const ml = 425; // Mobile large
|
|
const mm = 375; // Mobile medium
|
|
const ms = 320; // Mobile small
|
|
|
|
// Breakpoints for middle column
|
|
const mc = 849; // Middle column as wide as it appears after the `sm` breakpoint
|
|
|
|
module.exports = {
|
|
media_breakpoints: {
|
|
xs_min: xs + "px",
|
|
sm_min: sm + "px",
|
|
md_min: md + "px",
|
|
mc_min: mc + "px",
|
|
lg_min: lg + "px",
|
|
xl_min: xl + "px",
|
|
ml_min: ml + "px",
|
|
mm_min: mm + "px",
|
|
ms_min: ms + "px",
|
|
},
|
|
|
|
media_breakpoints_num: {
|
|
xs,
|
|
sm,
|
|
md,
|
|
mc,
|
|
lg,
|
|
xl,
|
|
ml,
|
|
mm,
|
|
ms,
|
|
},
|
|
};
|