paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 22:13:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

css_variables: Add specific breakpoints for mobile devices.

Browse Source
This commit is contained in:
Aman Agrawal
2020-11-01 10:05:35 +05:30
committed by Tim Abbott
parent 1e56db447c
commit adb860f75b
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
static/js/css_variables.js
View File

@@ -7,6 +7,11 @@ 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",
@@ -14,11 +19,17 @@ module.exports = {
"md-min": md + "px",
"lg-min": lg + "px",
"xl-min": xl + "px",
"ml-min": ml + "px",
"mm-min": mm + "px",
"ms-min": ms + "px",
"xs-max": xs - 1 + "px",
"sm-max": sm - 1 + "px",
"md-max": md - 1 + "px",
"lg-max": lg - 1 + "px",
"xl-max": xl - 1 + "px",
"ml-max": ml - 1 + "px",
"mm-max": mm - 1 + "px",
"ms-max": ms - 1 + "px",
},
};