styled footer

adminstyles.css

@@ -1278,6 +1278,7 @@ Add your custom styles in this file so it is easier to update the theme.
 
 	.edit-post-visual-editor__content-area .site > aside {
 		grid-column: 2 / 4;
+		padding: 4em 0;
 	}
 
 	.edit-post-visual-editor__content-area .site > footer {
@@ -1309,6 +1310,29 @@ Add your custom styles in this file so it is easier to update the theme.
 		padding: 0 1rem;
 	}
 
+	.edit-post-visual-editor__content-area .site-footer {
+		background: #000;
+		color: #fff;
+		margin-top: 4em;
+		padding: 2em 4em;
+	}
+
+	.edit-post-visual-editor__content-area .site-footer a {
+		color: #fff;
+	}
+
+	.edit-post-visual-editor__content-area .site-footer a:hover,
+	.edit-post-visual-editor__content-area .site-footer a:visited,
+	.edit-post-visual-editor__content-area .site-footer a:active {
+		color: #fff;
+	}
+
+	.edit-post-visual-editor__content-area .site-footer img {
+		height: 2.5em;
+		margin: 0 0.5em;
+		filter: invert(1);
+	}
+
 	.edit-post-visual-editor__content-area .home-featured {
 		padding: 0 1rem;
 	}
@@ -1802,7 +1826,7 @@ Add your custom styles in this file so it is easier to update the theme.
 
 	.edit-post-visual-editor__content-area .post,
 	.edit-post-visual-editor__content-area .page {
-		margin: 0 0 5em;
+		margin: 0;
 	}
 
 	.edit-post-visual-editor__content-area .updated:not(.published) {

footer.php

@@ -13,18 +13,7 @@
 
 	<footer id="colophon" class="site-footer">
 		<div class="site-info">
-	  <?php dynamic_sidebar( 'footer' ); ?>
+	  <?php dynamic_sidebar( 'footer-widgets' ); ?>
-			<?php //echo '<a href="' . esc_url( __( 'https://wordpress.org/', 'xarxaprod' ) ) . '">'; ?>
-				<?php
-				/* translators: %s: CMS name, i.e. WordPress. */
-				//printf( esc_html__( 'Proudly powered by %s', 'xarxaprod' ), 'WordPress' );
-				?>
-			<?php //echo '</a>'; ?>
-			<!--span class="sep"></span-->
-				<?php
-				/* translators: 1: Theme name, 2: Theme author. */
-				//printf( esc_html__( 'Theme: %1$s by %2$s.', 'xarxaprod' ), 'xarxaprod', '<a href="https://vitrubio.net">jorge-vitrubio.net</a>' );
-				?>
 		</div><!-- .site-info -->
 	</footer><!-- #colophon -->
 </div><!-- #page -->

sass/components/content/_posts-and-pages.scss

@@ -5,7 +5,7 @@
 
   .post,
   .page {
-    margin: 0 0 5em;
+    margin: 0;
   }
 
   .updated:not(.published) {

sass/layouts/_no-sidebar.scss

@@ -19,6 +19,7 @@
 		}
 		> aside {
 			grid-column: 2 / 4;
+			padding: 4em 0;
 		}
 		> footer {
 			grid-column: 1 / -1;
@@ -46,6 +47,21 @@
 		padding: 0 1rem;
 	}
 	.site-footer {
+    background: $color__black;
+    color: $color__white;
+		margin-top: 4em;
+    padding: 2em 4em;
+		a {
+			color: $color__white;
+			&:hover,&:visited,&:active {
+				color: $color__white;
+			}
+		}
+    img {
+      height: 2.5em;
+      margin: 0 0.5em;
+      filter: invert(1);
+    }
 	}
 	.home-featured {
 		padding: 0 1rem;

style.css

@@ -1146,6 +1146,7 @@ textarea {
 
 	.site > aside {
 		grid-column: 2 / 4;
+		padding: 4em 0;
 	}
 
 	.site > footer {
@@ -1177,6 +1178,29 @@ textarea {
 		padding: 0 1rem;
 	}
 
+	.site-footer {
+		background: #000;
+		color: #fff;
+		margin-top: 4em;
+		padding: 2em 4em;
+	}
+
+	.site-footer a {
+		color: #fff;
+	}
+
+	.site-footer a:hover,
+	.site-footer a:visited,
+	.site-footer a:active {
+		color: #fff;
+	}
+
+	.site-footer img {
+		height: 2.5em;
+		margin: 0 0.5em;
+		filter: invert(1);
+	}
+
 	.home-featured {
 		padding: 0 1rem;
 	}
@@ -1653,7 +1677,7 @@ textarea {
 
 	.post,
 	.page {
-		margin: 0 0 5em;
+		margin: 0;
 	}
 
 	.updated:not(.published) {