From 8ae08b3f29b107c7daba086ab1cfe1fe481e80b9 Mon Sep 17 00:00:00 2001
From: AnnaRybkina <37986637+AnnaRybkina@users.noreply.github.com>
Date: Mon, 5 Jun 2023 07:37:06 +0200
Subject: [PATCH] feat: add new shortcut for page-container (#114)

---
 src/_shortcuts/index.js         | 3 ++-
 src/_shortcuts/pageContainer.js | 1 +
 src/theme.js                    | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 src/_shortcuts/pageContainer.js

diff --git a/src/_shortcuts/index.js b/src/_shortcuts/index.js
index 35590a8..420e7a8 100644
--- a/src/_shortcuts/index.js
+++ b/src/_shortcuts/index.js
@@ -1,3 +1,4 @@
+import { pageContainer } from './pageContainer.js';
 import { typographyAliases } from './typography.js';
 
-export const shortcuts = [typographyAliases];
\ No newline at end of file
+export const shortcuts = [typographyAliases, pageContainer];
\ No newline at end of file
diff --git a/src/_shortcuts/pageContainer.js b/src/_shortcuts/pageContainer.js
new file mode 100644
index 0000000..14bcc4b
--- /dev/null
+++ b/src/_shortcuts/pageContainer.js
@@ -0,0 +1 @@
+export const pageContainer = { 'page-container': 'bg-[var(--w-color-background)] m-0 p-0 max-w-[1010px] pl-[16px] pr-[16px] xl:mx-auto xl:pl-[31px] xl:pr-[31px]' };
\ No newline at end of file
diff --git a/src/theme.js b/src/theme.js
index 54022ed..b929c90 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -5,6 +5,8 @@ const breakpoints = {
   md: '768px',
   // lg hits full desktop-width and up
   lg: '990px',
+  // xl hits wide desktop-width and up
+  xl: '1300px',
 };
 
 const divideByTen = n => {