mirror of
https://github.com/zulip/zulip.git
synced 2025-11-04 14:03:30 +00:00
14d3385bfd
Since we need to use number values for these breakpoints directly in some places, having `px` values exported for them is not great as we have to write weird looking code to convert it into number.
40 lines
750 B
JavaScript
40 lines
750 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
|
|
|
|
module.exports = {
|
|
media_breakpoints: {
|
|
xs_min: xs + "px",
|
|
sm_min: sm + "px",
|
|
md_min: md + "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,
|
|
lg,
|
|
xl,
|
|
ml,
|
|
mm,
|
|
ms,
|
|
},
|
|
};
|