Additional Gutenberg block support on the front-end as well as misc. …

…fixes.
nathanp · Oct 10, 2018 · 6a00fff · 6a00fff
1 parent c4a0e7d
commit 6a00fff
Show file tree

Hide file tree

Showing 12 changed files with 81 additions and 22 deletions.
diff --git a/archive-ctc_sermon.php b/archive-ctc_sermon.php
@@ -53,7 +53,7 @@
 			<?php } ?>
 
 			<main id="listing" class="row sermons" role="main">
-
+				
 		    <?php get_template_part( 'parts/loop', 'archive-sermons' ); ?>
 
 		</div> <!-- end #inner-content -->

diff --git a/assets/css/frontend/_fonts.scss b/assets/css/frontend/_fonts.scss
@@ -7,6 +7,7 @@ h6,
 button,
 .button,
 .btn,
+.wp-block-button,
 #menu-main-menu-1 li,
 #menu-main-menu,
 #breadcrumbs,

diff --git a/assets/css/frontend/_gutenberg.scss b/assets/css/frontend/_gutenberg.scss
@@ -0,0 +1,33 @@
+/* =WordPress Gutenberg
+**  Use the Block Unit Test Plugin for testing
+-------------------------------------------------------------- */
+/* Basic Content */
+.wp-block-separator {
+  clear: both;
+}
+
+/*Columns*/
+.wp-block-column {
+  padding-right: 15px;
+  padding-left: 15px;
+}
+
+/* Images */
+.wp-block-image {
+  &.aligncenter {
+    margin: 5px auto 5px auto;
+  }
+  &.alignleft {
+    margin: 5px 15px 10px 0;
+  }
+  &.alignright {
+    margin: 5px 0 20px 20px;
+  }
+}
+
+/* Audio */
+.wp-block-audio {
+  audio {
+    width: 100%;
+  }
+}
diff --git a/assets/css/frontend/_responsive.scss b/assets/css/frontend/_responsive.scss
@@ -137,6 +137,24 @@ button.hamburger {
 }
 
 @media screen and (max-width: 768px) {
+  /*Gutenberg*/
+  .wp-block-columns {
+    &.has-3-columns {
+      flex-direction: column;
+      .wp-block-column {
+        flex: 1 0 auto;
+        align-self: stretch;
+      }
+    }
+    &.has-4-columns {
+      flex-direction: row;
+      flex-wrap: wrap;
+      .wp-block-column {
+        flex-direction: column;
+        flex-basis: 50%;
+      }
+    }
+  }
   /*Headings*/
   h1 {
     font-size: 2rem;
@@ -148,14 +166,30 @@ button.hamburger {
     height: auto;
     font-size: 1.5em;
   }
+  /*Staff*/
   #staff li {
     width: 24.5%;
   }
+  /*Footer*/
   .footer-top p {
     font-size: 0.9em;
   }
 }
 
+@media screen and (max-width: 576px) {
+  /*Gutenberg*/
+  .wp-block-columns {
+    flex-direction: column;
+    &.has-4-columns {
+      flex-direction: column;
+    }
+    .wp-block-column {
+      flex: 1 0 auto;
+      align-self: stretch;
+    }
+  }
+}
+
 @media screen and (max-height: 375px) {
   #banner {
     height: 30vw;
@@ -195,9 +229,6 @@ button.hamburger {
   }
 }
 
-@media screen and (max-width: 640px) {
-}
-
 @media screen and (max-width: 420px) {
   /*Foundation*/
   .thumbnail {

diff --git a/assets/css/style.css b/assets/css/style.css
diff --git a/assets/css/style.css.map b/assets/css/style.css.map
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -8,6 +8,8 @@
 @import "frontend/_ecclesio-hallmark-bootstrap";
 /* WordPress specific styling*/
 @import "frontend/_wordpress";
+/* WordPress Gutenberg specific styling*/
+@import "frontend/_gutenberg";
 /* Fonts */
 @import "frontend/_fonts";
 /* Forms */
@@ -100,6 +102,7 @@ blockquote p {
 
 #content {
   #inner-content {
-    padding: 1rem 0;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
   }
 }
diff --git a/kernl.version b/kernl.version
@@ -1 +1 @@
-1.2.1
+1.2.2
diff --git a/parts/loop-archive-sermons.php b/parts/loop-archive-sermons.php
@@ -77,12 +77,7 @@
 							$primary_book = $primary_book->get_primary_term();
 							$term = get_term( $primary_book );
 								$primary_book_name = $term->name;
-						}
-							elseif( !empty($sermon_books) ) {
-								$primary_book = $sermon_books[0]->term_id;
-								$primary_book_name = $sermon_books[0]->name;
-							}
-						if($primary_book) {
+
 							$primary_book = get_term($primary_book);
 							echo '<span><i class="fas fa-bible"></i> Book: <a href="'.get_term_link($primary_book).'">'.$primary_book_name.'</a></span>';
 						}

diff --git a/prepros-6.config b/prepros-6.config
@@ -69,6 +69,7 @@
         "dependencies/bootstrap/scss/bootstrap.scss",
         "assets/css/frontend/_ecclesio-hallmark-bootstrap.scss",
         "assets/css/frontend/_wordpress.scss",
+        "assets/css/frontend/_gutenberg.scss",
         "assets/css/frontend/_fonts.scss",
         "assets/css/frontend/_forms.scss",
         "assets/css/frontend/_header.scss",

diff --git a/search.php b/search.php
@@ -65,12 +65,7 @@
 									$primary_book = $primary_book->get_primary_term();
 									$term = get_term( $primary_book );
 										$primary_book_name = $term->name;
-								}
-									elseif( !empty($sermon_books) ) {
-										$primary_book = $sermon_books[0]->term_id;
-										$primary_book_name = $sermon_books[0]->name;
-									}
-								if($primary_book) {
+
 									$primary_book = get_term($primary_book);
 									echo '<span><i class="fas fa-bible"></i> Book: <a href="'.get_term_link($primary_book).'">'.$primary_book_name.'</a></span>';
 								}

diff --git a/style.css b/style.css
@@ -4,7 +4,7 @@ Theme URI: https://eccles.io
 Author: Nathan Parikh
 Author URI: https://ndzynes.com
 Description: Eccles.io's flagship open source WordPress theme designed for churches.
-Version: 1.2.1
+Version: 1.2.2
 License: GNU General Public License v3 or later
 License URI: https://www.gnu.org/licenses/gpl.html
 Text Domain: ecclesio