From c28ff93b67a3da5cbff0d2ffeddfc16fd1dd3438 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sun, 17 Nov 2019 17:31:59 +0800
Subject: refactor: improve UI for small screens

---
 webpack.config.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

(limited to 'webpack.config.js')

diff --git a/webpack.config.js b/webpack.config.js
index eafa1ca..1e79e43 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -101,6 +101,18 @@ const loaders = {
       plugins: () =>
         [
           require('postcss-import')(),
+          require('postcss-custom-media')({
+            importFrom: [
+              {
+                customMedia: {
+                  '--breakpoint-not-small': 'screen and (min-width: 30em)',
+                  '--breakpoint-medium':
+                    'screen and (min-width: 30em) and (max-width: 60em)',
+                  '--breakpoint-large': 'screen and (min-width: 60em)'
+                }
+              }
+            ]
+          }),
           require('postcss-nested')(),
           require('autoprefixer')(),
           require('postcss-extend-rule')(),
-- 
cgit v1.3.1