Added tailwind presets in main config file

magento · Nov 18, 2024 · 86ea0ee · 86ea0ee
1 parent 78280c8
commit 86ea0ee
Showing 1 changed file with 56 additions and 0 deletions.
diff --git 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: {}
     }
 };