WDSUS-2 - Add basic styling for header, menum, and footer

footer.php

@@ -9,37 +9,17 @@
  * @package wd_s
  */
 
-use function WebDevStudios\wd_s\print_copyright_text;
-use function WebDevStudios\wd_s\print_social_network_links;
-use function WebDevStudios\wd_s\print_mobile_menu;
-
 ?>
 
 	<footer class="site-footer">
 
-		<nav id="site-footer-navigation" class="footer-navigation navigation-menu" aria-label="<?php esc_attr_e( 'Footer Navigation', 'wd_s' ); ?>">
-			<?php
-			wp_nav_menu(
-				[
-					'fallback_cb'    => false,
-					'theme_location' => 'footer',
-					'menu_id'        => 'footer-menu',
-					'menu_class'     => 'menu',
-					'container'      => false,
-					'depth'          => 1,
-				]
-			);
-			?>
-		</nav><!-- #site-navigation-->
-
 		<div class="site-info">
-			<?php print_copyright_text(); ?>
-			<?php print_social_network_links(); ?>
+			<?php the_custom_logo(); ?>
+			<p><?php echo esc_html__( ' Copyright &copy; ', 'wd_s' ) . esc_attr( gmdate( 'Y' ) ); ?></p>
 		</div><!-- .site-info -->
 
 	</footer><!-- .site-footer-->
 
-	<?php print_mobile_menu(); ?>
 	<?php wp_footer(); ?>
 
 </body>

header.php

@@ -54,10 +54,6 @@
 
 			</div><!-- .site-branding -->
 
-			<?php if ( has_nav_menu( 'primary' ) || has_nav_menu( 'mobile' ) ) : ?>
-				<button type="button" class="off-canvas-open" aria-expanded="false" aria-label="<?php esc_attr_e( 'Open Menu', 'wd_s' ); ?>"></button>
-			<?php endif; ?>
-
 		</div><!-- .site-header-content -->
 
 		<nav id="site-navigation" class="main-navigation navigation-menu" aria-label="<?php esc_attr_e( 'Main Navigation', 'wd_s' ); ?>">

src/scss/critical/_footer.scss

@@ -0,0 +1,18 @@
+//--------------------------------------------------------------
+// Global Site Footer
+//--------------------------------------------------------------
+.site-footer {
+	@apply flex p-10 flex-nowrap justify-center items-center bottom-0;
+
+	.site-info {
+		@apply text-center;
+
+		.custom-logo {
+			@apply max-h-12 w-auto;
+		}
+
+		p {
+			@apply text-xs;
+		}
+	}
+}

src/scss/critical/_header.scss

@@ -0,0 +1,21 @@
+//--------------------------------------------------------------
+// Global Site Header
+//--------------------------------------------------------------
+.site-header {
+	@apply flex px-10 py-4 flex-nowrap justify-between items-center;
+
+	.site-header-content {
+		@apply m-0;
+
+		.site-branding {
+			@apply flex-auto;
+			a {
+				@apply no-underline;
+
+				.custom-logo {
+					@apply w-auto max-h-14;
+				}
+			}
+		}
+	}
+}

src/scss/critical/_menus.scss

@@ -0,0 +1,19 @@
+//--------------------------------------------------------------
+// Menus and Sub-Menus
+// Cool.
+//--------------------------------------------------------------
+.navigation-menu {
+	.menu {
+		@apply flex list-none;
+
+		> li {
+			a {
+				@apply hover:underline;
+			}
+
+			&:not( :last-child ) {
+				@apply mr-4;
+			}
+		}
+	}
+}

src/scss/critical/index.scss

@@ -2,3 +2,7 @@
 // Critical CSS
 // Import partials for "above the fold" (barf) styles.
 //----------------------------------------
+
+@import 'header';
+@import 'menus';
+@import 'footer';