Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/postcss.config.js

18 lines
432 B
JavaScript
Raw Normal View History

js: Add "use strict" directive to CommonJS files. ES and TypeScript modules are strict by default and don’t need this directive. ESLint will remind us to add it to new CommonJS files and remove it from ES and TypeScript modules. Signed-off-by: Anders Kaseorg <anders@zulip.com>
2020-08-01 03:43:15 +02:00
"use strict";
postcss-simple-vars: Add media query breakpoint variables.
2020-10-31 08:54:37 +01:00
const {media_breakpoints} = require("./static/js/css_variables.js");
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 22:23:01 +02:00
module.exports = {
styles: Replace Sass with PostCSS. It’s about as fast as node-sass (faster, according to their benchmarks) and more flexible. Autoprefixer is neat: we can now go delete all our -moz-, -webkit-, etc. lines and have them autogenerated as necessary based on .browserslistrc. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-08-27 01:23:48 +02:00
plugins: {
// Warning: despite appearances, order is significant
"postcss-nested": {},
"postcss-extend-rule": {},
postcss-simple-vars: Add media query breakpoint variables.
2020-10-31 08:54:37 +01:00
"postcss-simple-vars": {
variables: media_breakpoints,
},
postcss: Add postcss-calc plugin. As foreshadowed by commit d0634181b57819aa0b0e7c6e30d9d17b439877e6 (#13115). Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-08-31 00:42:00 +02:00
"postcss-calc": {},
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-04 02:49:05 +01:00
"postcss-media-minmax": {},
styles: Replace Sass with PostCSS. It’s about as fast as node-sass (faster, according to their benchmarks) and more flexible. Autoprefixer is neat: we can now go delete all our -moz-, -webkit-, etc. lines and have them autogenerated as necessary based on .browserslistrc. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-08-27 01:23:48 +02:00
autoprefixer: {},
},
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 22:23:01 +02:00
};