From 35058ed3c97e19fc47ee7de50ad407b9f00c4d67 Mon Sep 17 00:00:00 2001
From: georgelimadev <george.lima@vtex.com.br>
Date: Wed, 6 Dec 2023 09:19:59 -0300
Subject: [PATCH] WIP: Responsive layout fixes

---
 styles/style_guides.css | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/styles/style_guides.css b/styles/style_guides.css
index 744517d..b59226d 100644
--- a/styles/style_guides.css
+++ b/styles/style_guides.css
@@ -95,3 +95,32 @@ h6 {
         margin-top: -3rem;
     }
 }
+
+@media only screen and (min-width: 768px) and (max-width: 1279px) {
+    body .wrapper .sidebar {
+        left: -33ch;
+    }
+
+    body .wrapper .section {
+        margin-left: 0;
+        width: 100%;
+    }
+
+    body .wrapper .main-doc {
+        margin-left: 0;
+        transition: all 0.5s ease;
+    }
+
+    body.active .wrapper .sidebar {
+        left: 0;
+    }
+
+    body.active .wrapper .section {
+        margin-left: 33ch;
+        width: calc(100% - 33ch);
+    }
+
+    body.active .wrapper .main-doc {
+        margin-left: 33ch;
+    }
+}