From 86ea0eec6534cf995e2b29e2eddcf2f726884a0f Mon Sep 17 00:00:00 2001
From: Bharathidasan Elangovan <del22123@adobe.com>
Date: Mon, 18 Nov 2024 18:29:54 +0530
Subject: [PATCH] Added tailwind presets in main config file

---
 packages/venia-concept/tailwind.config.js | 56 +++++++++++++++++++++++
 1 file changed, 56 insertions(+)

diff --git a/packages/venia-concept/tailwind.config.js b/packages/venia-concept/tailwind.config.js
index 245792e7fb..f3ec7d83f7 100644
--- a/packages/venia-concept/tailwind.config.js
+++ b/packages/venia-concept/tailwind.config.js
@@ -28,6 +28,62 @@ const config = {
     // CSS Modules doesn't like Tailwind's default `:`, so we use `_`.
     separator: '_',
     theme: {
+        screens: {
+            xs: '480px',
+            '-xs': {
+                max: '479px'
+            },
+            sm: '640px',
+            '-sm': {
+                max: '639px'
+            },
+            hsm: {
+                raw: '(min-height: 640px)'
+            },
+            '-hsm': {
+                raw: '(max-height: 639px)'
+            },
+            md: '800px',
+            '-md': {
+                max: '799px'
+            },
+            hmd: {
+                raw: '(min-height: 800px)'
+            },
+            '-hmd': {
+                raw: '(max-height: 799px)'
+            },
+            lg: '960px',
+            '-lg': {
+                max: '959px'
+            },
+            hlg: {
+                raw: '(min-height: 960px)'
+            },
+            '-hlg': {
+                raw: '(max-height: 959px)'
+            },
+            xl: '1024px',
+            '-xl': {
+                max: '1023px'
+            },
+            '2xl': '1280px',
+            '-2xl': {
+                max: '-1279px'
+            },
+            '3xl': '1440px',
+            '-3xl': {
+                max: '-1439px'
+            },
+            '4xl': '1600px',
+            '-4xl': {
+                max: '1599px'
+            },
+            max: '1920px',
+            '-max': {
+                max: '1920px'
+            }
+        },
         extend: {}
     }
 };