6 Commits

Author	SHA1	Message	Date
Aman Agrawal	14d3385bfd	css_variables: Directly export number values for breakpoints. ... 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.	2021-04-08 09:40:10 -07:00
Anders Kaseorg	9553f11387	eslint: Forbid CommonJS variables in ES6 modules. ... Signed-off-by: Anders Kaseorg <anders@zulip.com>	2021-03-23 01:42:43 -07:00
Anders Kaseorg	64b78ad992	styles: Use range context queries to eliminate *_max variables. ... On a high-DPI display or with a non-default zoom level, the browser viewport may have a width strictly between md_max = 767px and md_min = 768px. Use only the *_min bounds for consistency. This requires queries with strict inequalities to express upper bounds (width < md_min). Fortunately, that functionality is provided by range context queries. Unfortunately, those are not supported in all browsers. Fortunately, we can compile them away using postcss-media-minmax. Unfortunately, postcss-media-minmax currently subtracts 1px for strict inequalities anyway to work around a Safari rounding bug. Fortunately, 0.02px should be sufficient for that, so I submitted a PR: https://github.com/postcss/postcss-media-minmax/pull/28 Signed-off-by: Anders Kaseorg <anders@zulip.com>	2021-02-05 09:23:59 -08:00
Aman Agrawal	f8aea9aecb	postcss_vars: Use underscore to follow better naming convention.	2021-01-25 14:49:32 -08:00
Aman Agrawal	adb860f75b	css_variables: Add specific breakpoints for mobile devices.	2021-01-25 14:49:32 -08:00
Aman Agrawal	599b86241f	postcss-simple-vars: Add media query breakpoint variables.	2021-01-25 14:49:32 -08:00