From 0ac227510604ee320ab9bbbbc32eeaf5a9927f35 Mon Sep 17 00:00:00 2001
From: Sarah Carney <sacarney@iastate.edu>
Date: Wed, 9 Jan 2019 14:24:23 -0600
Subject: [PATCH] Interim 180 (#188)

* INTERIM-180 Add classes for full-width layout

* INTERIM-180 Adjust spacing
---
 css/suitcase.css | 59 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/css/suitcase.css b/css/suitcase.css
index 99df533..74243e8 100644
--- a/css/suitcase.css
+++ b/css/suitcase.css
@@ -1743,6 +1743,65 @@ ul.tabs.secondary img {
     }
 }
 
+/* --- Full Width Option --- */
+/* Add these classes to the Panel Page in General Settings. Supplement
+ * with the CSS code field.
+ */
+
+.megapanels_full-width .zone-content {
+    max-width: 100% !important;
+    width: 100%;
+    margin: 0;
+}
+
+.megapanels_full-width .grid-12 {
+    width: 100% !important;
+    margin: 0;
+}
+
+.megapanels_full-width .megapanels-wrapper_full_top,
+.megapanels_full-width .megapanels-wrapper_full_bottom {
+  margin-right: 0;
+  margin-left: 0;
+}
+
+.megapanels_full-width.megapanels_content-contained .megapanels-row {
+    
+}
+
+/* Mimic container-12 */
+
+@media (max-width: 740px) {
+    .megapanels_full-width.megapanels_content-contained .megapanels-row {
+        margin-right: 0;
+        margin-left: 0;
+    }
+}
+@media (min-width: 740px) {
+    .megapanels_full-width.megapanels_content-contained .megapanels-row {
+        width: 92%;
+        margin-left: 4%;
+        margin-right: 4%;
+    }   
+}
+
+@media (min-width: 1200px) {
+    .megapanels_full-width.megapanels_content-contained .megapanels-row {
+        width: 92%;
+        max-width: calc(1200px + 2rem);
+        margin-left: auto !important;
+        margin-right: auto !important;
+    }
+}
+
+.megapanels_full-width.megapanels_content-contained .suitcase_megapanels {
+    margin: 0;
+}
+
+.megapanels_full-width.megapanels_content-contained .megapanels-pane {
+  margin: 0;
+}
+
 /* ---------------------------------------- */
 /* ## BLOCKS 
 /* ---------------------------------------- */