From 60720b04db7822f6b43e3d7683cfeb979a2dc8ee Mon Sep 17 00:00:00 2001
From: venashial <venashial.levo@aleeas.com>
Date: Wed, 30 Mar 2022 18:49:19 -0700
Subject: [PATCH] docs: fix breakpoints

---
 postcss.config.cjs                       | 11 ++++++++++-
 src/lib/styles/variables/queries.postcss |  4 ----
 2 files changed, 10 insertions(+), 5 deletions(-)
 delete mode 100644 src/lib/styles/variables/queries.postcss

diff --git a/postcss.config.cjs b/postcss.config.cjs
index 00b80eded..f38c917ba 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -8,7 +8,16 @@ const config = {
     require('postcss-preset-env')({
       features: {
         'custom-media-queries': {
-          importFrom: './src/lib/styles/variables/queries.postcss'
+          importFrom: [
+            {
+              customMedia: {
+                  '--sm': '(min-width: 544px)',
+                  '--md': '(min-width: 768px)',
+                  '--lg': '(min-width: 1012px)',
+                  '--xl': '(min-width: 1280px)',
+              },
+            },
+          ]
         }
       }
     }),
diff --git a/src/lib/styles/variables/queries.postcss b/src/lib/styles/variables/queries.postcss
deleted file mode 100644
index 59164ff32..000000000
--- a/src/lib/styles/variables/queries.postcss
+++ /dev/null
@@ -1,4 +0,0 @@
-@custom-media --sm (min-width: 544px);
-@custom-media --md (min-width: 768px);
-@custom-media --lg (min-width: 1012px);
-@custom-media --xl (min-width: 544px);
\ No newline at end of file