WIP: Responsive layout fixes

vtex · Dec 6, 2023 · 35058ed · 35058ed
1 parent ca24af9
commit 35058ed
Showing 1 changed file with 29 additions and 0 deletions.
diff --git 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;
+    }
+}