5 Commits

Author	SHA1	Message	Date
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	ac402428ed	recent_topics: Use 767px for 750px as breakpoint for hiding columns. ... There is no breaking change, just standardizing breakpoints.	2021-01-25 14:49:32 -08:00
Aman Agrawal	a9be2f4067	recent_topics: Expand width at 767px instead of 700px. ... This looks nice and doesn't break anything.	2021-01-25 14:49:32 -08:00
Anders Kaseorg	a3d26d701e	styles: Rename .scss files back to .css. ... css-loader@4 broke @import statements referencing files with extensions other than .css, unless those @import statements are compiled away by another loader. Upstream is more interested in arguing that such @import statements are semantically incorrect than applying the one line fix. https://github.com/webpack-contrib/css-loader/issues/1164 Signed-off-by: Anders Kaseorg <anders@zulip.com>	2020-09-15 16:33:28 -07:00