use variables for colors on social links, remove left space

skatepark/assets/theme.css

@@ -179,4 +179,8 @@ a:not(.ab-item):not(.screen-reader-shortcut):active, a:not(.ab-item):not(.screen
 >>>>>>> 5f27bc46 (removed links css)
 }
 
+.pre-footer .wp-block-social-links.is-style-logos-only {
+	margin-left: calc( -1 * ( 8px + 0.25em ));
+}
+
 /*# sourceMappingURL=theme.css.map */

skatepark/inc/patterns/pre-footer.php

@@ -17,7 +17,7 @@ return array(
 		<p class="has-small-font-size">' . esc_html__( 'Skate ipsum dolor sit amet, poseur nollie casper pop shove-it. Kickturn noseblunt tailslide.', 'skatepark' ) . '</p>
 		<!-- /wp:paragraph -->
 		
-		<!-- wp:social-links {"iconColor":"primary","iconColorValue":"#000000","className":"is-style-logos-only"} -->
+		<!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--custom--color--foreground)","className":"is-style-logos-only"} -->
 		<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"http://twitter.com","service":"twitter"} /-->
 		
 		<!-- wp:social-link {"url":"http://facebook.com","service":"facebook"} /-->

skatepark/sass/block-patterns/_pre-footer.scss

@@ -2,4 +2,7 @@
 	h3 {
 		text-transform: uppercase;
 	}
+	.wp-block-social-links.is-style-logos-only {
+		margin-left: calc( -1 * ( 8px + 0.25em ) );
+	}
 }