Reduce extraneous div levels and reduced column-gutter

Some div levels on interior-page section were unneeded and
only served to complicate markup work. Also reduced the column
gutter across the site which was raised to 60px in order to make
certain things fit.

diff --git a/css/app.css b/css/app.css
index 3d414d4..6c5a448 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -125,7 +125,7 @@ select {
     margin-left: 0;
     margin-right: 0; }
   .row .row {
-    margin: 0 -1.875rem;
+    margin: 0 -0.9375rem;
     max-width: none;
     width: auto; }
     .row .row:before, .row .row:after {
@@ -144,8 +144,8 @@ select {
         clear: both; }
 
 .column, .columns {
-  padding-left: 1.875rem;
-  padding-right: 1.875rem;
+  padding-left: 0.9375rem;
+  padding-right: 0.9375rem;
   width: 100%;
   float: left; }
 
@@ -253,8 +253,8 @@ select {
     left: auto; }
   .column, .columns {
     position: relative;
-    padding-left: 1.875rem;
-    padding-right: 1.875rem;
+    padding-left: 0.9375rem;
+    padding-right: 0.9375rem;
     float: left; }
   .small-1 {
     width: 8.3333333333%; }
@@ -331,8 +331,8 @@ select {
     margin-left: 0;
     margin-right: 0; }
   .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
-    padding-left: 1.875rem;
-    padding-right: 1.875rem;
+    padding-left: 0.9375rem;
+    padding-right: 0.9375rem;
     float: left; } }
 
 @media only screen and (min-width:40.063em) {
@@ -434,8 +434,8 @@ select {
     left: auto; }
   .column, .columns {
     position: relative;
-    padding-left: 1.875rem;
-    padding-right: 1.875rem;
+    padding-left: 0.9375rem;
+    padding-right: 0.9375rem;
     float: left; }
   .medium-1 {
     width: 8.3333333333%; }
@@ -512,8 +512,8 @@ select {
     margin-left: 0;
     margin-right: 0; }
   .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
-    padding-left: 1.875rem;
-    padding-right: 1.875rem;
+    padding-left: 0.9375rem;
+    padding-right: 0.9375rem;
     float: left; }
   .push-0 {
     position: relative;
@@ -711,8 +711,8 @@ select {
     left: auto; }
   .column, .columns {
     position: relative;
-    padding-left: 1.875rem;
-    padding-right: 1.875rem;
+    padding-left: 0.9375rem;
+    padding-right: 0.9375rem;
     float: left; }
   .large-1 {
     width: 8.3333333333%; }
@@ -789,8 +789,8 @@ select {
     margin-left: 0;
     margin-right: 0; }
   .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
-    padding-left: 1.875rem;
-    padding-right: 1.875rem;
+    padding-left: 0.9375rem;
+    padding-right: 0.9375rem;
     float: left; }
   .push-0 {
     position: relative;
@@ -914,7 +914,7 @@ select {
         background: #e3e3e3; }
     .accordion .accordion-navigation > .content, .accordion dd > .content {
       display: none;
-      padding: 1.875rem; }
+      padding: 0.9375rem; }
       .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
         background: #FFFFFF;
         display: block; }
@@ -4082,17 +4082,17 @@ table {
   .tabs-content > .content {
     display: none;
     float: left;
-    padding: 1.875rem 0;
+    padding: 0.9375rem 0;
     width: 100%; }
     .tabs-content > .content.active {
       display: block;
       float: none; }
     .tabs-content > .content.contained {
-      padding: 1.875rem; }
+      padding: 0.9375rem; }
   .tabs-content.vertical {
     display: block; }
     .tabs-content.vertical > .content {
-      padding: 0 1.875rem; }
+      padding: 0 0.9375rem; }
 
 @media only screen and (min-width:40.063em) {
   .tabs.vertical {

diff --git a/scss/_settings.scss b/scss/_settings.scss
index 40b1534..85a7ecc 100644 (file)
--- a/scss/_settings.scss
+++ b/scss/_settings.scss
@@ -81,7 +81,7 @@ $include-html-global-classes: $include-html-classes;
 
 $row-width: rem-calc(1000);
 $total-columns: 12;
-$column-gutter: rem-calc(60);
+$column-gutter: rem-calc(30);
 
 //$last-child-float: $opposite-direction;
 

diff --git a/sections/interior-page.php b/sections/interior-page.php
index f3eb0b6..11dcddf 100644 (file)
--- a/sections/interior-page.php
+++ b/sections/interior-page.php
@@ -4,13 +4,9 @@
             <?php if (  get_page_template_slug( $post->ID ) === "glm-events-template.php" || 
                         get_page_template_slug( $post->ID ) === "no-sidebar.php" ) { /*check for no side bar template and display full page */ ?>
                 <?php get_template_part('parts/breadcrumbs'); ?>
-                <div class="small-12 columns">
-                    <div class="row">
-                        <div id="interior-content" class="no-sidebar-content small-12 columns">
-                            <?php //echo do_shortcode('[glm-members-event-list]'); ?>
-                            <?php get_template_part('parts/main-content');?>
-                        </div>
-                    </div>
+                <div id="interior-content" class="no-sidebar-content small-12 columns">
+                    <?php //echo do_shortcode('[glm-members-event-list]'); ?>
+                    <?php get_template_part('parts/main-content');?>
                 </div>
             <?php } else if (get_page_template_slug( $post->ID ) === "members-only-template.php") {  ?>
                             
@@ -33,33 +29,27 @@
 
                     </div>
                 </div>
-                            
-            
                 <div id="sidebar" class="small-12 medium-5 medium-pull-7 large-4 large-pull-8 columns small-text-center" data-equalizer-watch>
                     <?php get_sidebar(); ?>
                 </div>
             <?php } else if ( get_page_template_slug( $post->ID ) === "forum-template.php" ) { ?>
-                    <div class="small-12 columns">
-                       <?php get_template_part('parts/breadcrumbs'); ?>
-                        <div class="row">
-                            <div id="interior-content" class="no-sidebar-content small-12 columns">
-                               <form role="search" method="get" class="searchform forum-search" action="<?php echo home_url('/'); ?>">
-                                     <input class="search-input" type="text" placeholder="Search" value="" name="s">
-                                     <input class="submit blogbutton" type="submit" name="submit" value="Search" />
-                                     <input type="hidden" name="searchType" value="topic" /> 
-                                </form>
-                                <?php get_template_part('parts/main-content');?>
-                            </div>
+                <div>
+                   <?php get_template_part('parts/breadcrumbs'); ?>
+                        <div id="interior-content" class="no-sidebar-content small-12 columns">
+                           <form role="search" method="get" class="searchform forum-search" action="<?php echo home_url('/'); ?>">
+                                 <input class="search-input" type="text" placeholder="Search" value="" name="s">
+                                 <input class="submit blogbutton" type="submit" name="submit" value="Search" />
+                                 <input type="hidden" name="searchType" value="topic" /> 
+                            </form>
+                            <?php get_template_part('parts/main-content');?>
                         </div>
-                    </div>
+                </div>
           <?php  } else {  ?>
                <div class="small-12 medium-7 medium-push-5 large-8 large-push-4 columns" data-equalizer-watch>
                    <?php get_template_part('parts/breadcrumbs'); ?>
-                    <div class="row">
-                        <div id="interior-content" class="small-12 columns">
+                        <div id="interior-content">
                             <?php get_template_part('parts/main-content');?>
                         </div>
-                    </div>
                 </div>
                 <div id="sidebar" class="small-12 medium-5 medium-pull-7 large-4 large-pull-8 columns small-text-center" data-equalizer-watch>
                     <?php get_sidebar(); ?>