Browse Source

Visual Fixes for button blocks and site navigation.

Jeffrey Pearce 6 years ago
parent
commit
9b26941b16

+ 3 - 3
stow/functions.php

@@ -60,12 +60,12 @@ if ( ! function_exists( 'stow_setup' ) ) :
 				array(
 					'name'  => __( 'Primary', 'stow' ),
 					'slug'  => 'primary',
-					'color' => '#0000FF', // varia_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? $default_hue : get_theme_mod( 'primary_color_hue', $default_hue ), $saturation, $lightness ),
+					'color' => '#0000FF', 
 				),
 				array(
 					'name'  => __( 'Secondary', 'stow' ),
 					'slug'  => 'secondary',
-					'color' => '#FF0000', // varia_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? $default_hue : get_theme_mod( 'primary_color_hue', $default_hue ), $saturation, $lightness_hover ),
+					'color' => '#f25f70', 
 				),
 				array(
 					'name'  => __( 'Dark Gray', 'stow' ),
@@ -91,7 +91,7 @@ if ( ! function_exists( 'stow_setup' ) ) :
 		);
 	}
 endif;
-add_action( 'after_setup_theme', 'stow_setup' );
+add_action( 'after_setup_theme', 'stow_setup', 12 );
 
 /**
  * Set the content width in pixels, based on the child-theme's design and stylesheet.

+ 3 - 3
stow/sass/_config-child-theme-deep.scss

@@ -62,7 +62,7 @@ $config-global: (
 	"color": (
 		"primary": (
 			"default": #404040,
-			"hover": #e1122a,
+			"hover": #f25f70,
 		),
 		"secondary": (
 			"default": #f25f70,
@@ -166,10 +166,10 @@ $config-button: (
 	// Fonts
 	"font": (
 		"family": map-deep-get($config-global, "font", "family", "ui"),
-		"size": map-deep-get($config-global, "font", "size", "md"),
+		"size": map-deep-get($config-global, "font", "size", "xs"),
 		"weight": 600,
 		"line-height": 1,
-	),
+	),	
 	// Borders
 	"border-radius": map-deep-get($config-global, "border-radius", "sm"),
 	"border-width": 2px,

+ 32 - 28
stow/sass/_extra-child-theme.scss

@@ -13,6 +13,8 @@
  * 7.3. Hero Block and Cover Block
  * 7.4. File Block
  * 7.5. Latest Comments Block
+ * 7.6. Button Block
+ * 7.7. Posts List Block
  * 8. Widgets
  */
 
@@ -114,8 +116,6 @@ a {
  * 4. Navigation Menu
  */
 #site-navigation {
-	background-color: #{map-deep-get($config-global, "color", "secondary", "default")};
-	border-bottom: 2px solid rgba(0,0,0,.15);
 	&.main-navigation {
 		ul {
 			li {
@@ -187,24 +187,17 @@ a {
 						}
 					}
 				}
-			}
+			}			
+		}
+		.menu-main-menu-container {
+			background-color: #{map-deep-get($config-global, "color", "secondary", "default")};
+			border-bottom: 2px solid rgba(0,0,0,.15);
 		}
-		
 		#toggle-menu {
-			display: block;
+			border-radius: 0;
+			width: 100% !important;
 			text-align: center;
-			text-decoration: none;
-			&:hover, 
-			&:focus,
-			&:visited {
-				text-decoration: none;
-			}
-			@include media(mobile) {
-				display: none;
-			}
 		}
-		
-		
 	}
 }
 
@@ -246,12 +239,6 @@ a {
 	h5, 
 	h6 {
 		margin-bottom: .857em;
-		&::before {
-			content: " - ";
-		}
-		&::after {
-			content: " - ";
-		}
 	}
 	a {
 		color: #{map-deep-get($config-global, "color", "secondary", "default")};
@@ -304,6 +291,7 @@ a {
 .wp-block-file {
 	a {
 		&.wp-block-file__button {
+			text-transform: uppercase;
 			line-height: #{map-deep-get($config-button, "font", "line-height")};
 			color: #{map-deep-get($config-button, "color", "text")};
 			cursor: pointer;
@@ -338,6 +326,28 @@ a {
 	}
 }
 
+/**
+ * 7.6. Button Block
+ */
+ .wp-block-button {
+	a {
+		&.wp-block-button__link {
+			text-transform: uppercase;
+		}
+	}
+}
+
+/**
+ * 7.7. Posts List Block
+ */
+.a8c-posts-list {
+	a {
+		&.a8c-posts-list__view-all {
+			text-transform: uppercase;
+		}
+	}
+}
+
 /**
  * 8. Widgets
  */
@@ -352,12 +362,6 @@ a {
 		}
 		.widget-title {
 			margin-bottom: .857em;
-			&::before {
-				content: " - ";
-			}
-			&::after {
-				content: " - ";
-			}
 		}
 	}
 }

+ 15 - 8
stow/sass/style-child-theme-editor.scss

@@ -42,7 +42,8 @@
  * 2.2. Quote Block
  * 2.3. Hero Block and Cover Block
  * 2.4. File Block
- * 7.5. Pre Block and Verse Block
+ * 2.5. Pre Block and Verse Block
+ * 2.6. Button Block
  */
 
 .editor-post-title__input {
@@ -76,12 +77,6 @@ a {
 	h5, 
 	h6 {
 		margin-bottom: .857em;
-		&::before {
-			content: " - ";
-		}
-		&::after {
-			content: " - ";
-		}
 	}
 	a {
 		color: #{map-deep-get($config-global, "color", "secondary", "default")};
@@ -134,6 +129,7 @@ a {
 .wp-block-file {
 	div {
 		&.wp-block-file__button {
+			text-transform: uppercase;
 			line-height: #{map-deep-get($config-button, "font", "line-height")};
 			color: #{map-deep-get($config-button, "color", "text")};
 			cursor: pointer;
@@ -164,4 +160,15 @@ a {
 	pre {
 		font-family: #{map-deep-get($config-global, "font", "family", "code")};
 	}
-}
+}
+
+/**
+ * 2.6. Button Block
+ */
+ .wp-block-button {
+	div {
+		&.wp-block-button__link {
+			text-transform: uppercase;
+		}
+	}
+}

+ 13 - 22
stow/style-editor.css

@@ -192,7 +192,7 @@ a {
 }
 
 a:hover {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 button,
@@ -307,7 +307,7 @@ object {
 	color: #f0f0f0;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.2em;
+	font-size: 0.69444em;
 	line-height: 1;
 	background-color: #f25f70;
 	border-radius: 9px;
@@ -718,7 +718,8 @@ table th,
  * 2.2. Quote Block
  * 2.3. Hero Block and Cover Block
  * 2.4. File Block
- * 7.5. Pre Block and Verse Block
+ * 2.5. Pre Block and Verse Block
+ * 2.6. Button Block
  */
 .editor-post-title__input {
 	text-align: center;
@@ -751,24 +752,6 @@ a {
 	margin-bottom: .857em;
 }
 
-.wp-block-coblocks-column h1::before,
-.wp-block-coblocks-column h2::before,
-.wp-block-coblocks-column h3::before,
-.wp-block-coblocks-column h4::before,
-.wp-block-coblocks-column h5::before,
-.wp-block-coblocks-column h6::before {
-	content: " - ";
-}
-
-.wp-block-coblocks-column h1::after,
-.wp-block-coblocks-column h2::after,
-.wp-block-coblocks-column h3::after,
-.wp-block-coblocks-column h4::after,
-.wp-block-coblocks-column h5::after,
-.wp-block-coblocks-column h6::after {
-	content: " - ";
-}
-
 .wp-block-coblocks-column a {
 	color: #f25f70;
 }
@@ -833,12 +816,13 @@ a {
  * 2.4. File Block
  */
 .wp-block-file div.wp-block-file__button {
+	text-transform: uppercase;
 	line-height: 1;
 	color: #f0f0f0;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.2rem;
+	font-size: 0.69444rem;
 	background-color: #f25f70;
 	border-radius: 9px;
 	border-width: 2px;
@@ -859,3 +843,10 @@ a {
 .wp-block-verse pre {
 	font-family: "Courier 10 Pitch", Courier, monospace;
 }
+
+/**
+ * 2.6. Button Block
+ */
+.wp-block-button div.wp-block-button__link {
+	text-transform: uppercase;
+}

+ 64 - 100
stow/style-rtl.css

@@ -199,6 +199,8 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * 7.3. Hero Block and Cover Block
  * 7.4. File Block
  * 7.5. Latest Comments Block
+ * 7.6. Button Block
+ * 7.7. Posts List Block
  * 8. Widgets
  */
 /**
@@ -288,11 +290,6 @@ a {
 /**
  * 4. Navigation Menu
  */
-#site-navigation {
-	background-color: #f25f70;
-	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
-}
-
 #site-navigation.main-navigation ul li {
 	padding-right: 16px;
 }
@@ -312,6 +309,7 @@ a {
 
 @media only screen and (min-width: 560px) {
 	#site-navigation.main-navigation ul li {
+		padding-right: 0;
 		list-style-type: disc;
 	}
 	#site-navigation.main-navigation ul li.current-menu-item a {
@@ -351,27 +349,22 @@ a {
 		content: "";
 	}
 	#site-navigation.main-navigation ul ul li a:hover {
-		color: #e1122a;
+		color: #f25f70;
 	}
 	#site-navigation.main-navigation ul ul li:hover {
 		background: #f2f2f2;
 	}
 }
 
-#site-navigation.main-navigation #toggle-menu {
-	display: block;
-	text-align: center;
-	text-decoration: none;
-}
-
-#site-navigation.main-navigation #toggle-menu:hover, #site-navigation.main-navigation #toggle-menu:focus, #site-navigation.main-navigation #toggle-menu:visited {
-	text-decoration: none;
+#site-navigation.main-navigation .menu-main-menu-container {
+	background-color: #f25f70;
+	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
 }
 
-@media only screen and (min-width: 560px) {
-	#site-navigation.main-navigation #toggle-menu {
-		display: none;
-	}
+#site-navigation.main-navigation #toggle-menu {
+	border-radius: 0;
+	width: 100% !important;
+	text-align: center;
 }
 
 /**
@@ -407,24 +400,6 @@ a {
 	margin-bottom: .857em;
 }
 
-.wp-block-coblocks-column h1::before,
-.wp-block-coblocks-column h2::before,
-.wp-block-coblocks-column h3::before,
-.wp-block-coblocks-column h4::before,
-.wp-block-coblocks-column h5::before,
-.wp-block-coblocks-column h6::before {
-	content: " - ";
-}
-
-.wp-block-coblocks-column h1::after,
-.wp-block-coblocks-column h2::after,
-.wp-block-coblocks-column h3::after,
-.wp-block-coblocks-column h4::after,
-.wp-block-coblocks-column h5::after,
-.wp-block-coblocks-column h6::after {
-	content: " - ";
-}
-
 .wp-block-coblocks-column a {
 	color: #f25f70;
 }
@@ -489,12 +464,13 @@ a {
  * 7.4. File Block
  */
 .wp-block-file a.wp-block-file__button {
+	text-transform: uppercase;
 	line-height: 1;
 	color: #f0f0f0;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.2rem;
+	font-size: 0.69444rem;
 	background-color: #f25f70;
 	border-radius: 9px;
 	border-width: 2px;
@@ -519,6 +495,20 @@ a {
 	font-size: 0.69444rem;
 }
 
+/**
+ * 7.6. Button Block
+ */
+.wp-block-button a.wp-block-button__link {
+	text-transform: uppercase;
+}
+
+/**
+ * 7.7. Posts List Block
+ */
+.a8c-posts-list a.a8c-posts-list__view-all {
+	text-transform: uppercase;
+}
+
 /**
  * 8. Widgets
  */
@@ -538,14 +528,6 @@ a {
 	margin-bottom: .857em;
 }
 
-.site-footer .widget-area .widget-title::before {
-	content: " - ";
-}
-
-.site-footer .widget-area .widget-title::after {
-	content: " - ";
-}
-
 .home.page .site-main {
 	padding: 0;
 }
@@ -989,7 +971,7 @@ a {
 }
 
 a:hover {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 button,
@@ -1366,7 +1348,7 @@ input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
 	color: #444444;
-	border-color: #e1122a;
+	border-color: #f25f70;
 }
 
 select {
@@ -1452,7 +1434,7 @@ input[type="submit"],
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.2rem;
+	font-size: 0.69444rem;
 	background-color: #f25f70;
 	border-radius: 9px;
 	border-width: 0;
@@ -2047,7 +2029,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__edit-link {
@@ -2467,7 +2449,7 @@ table th,
 }
 
 .site-title a:hover {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 .site-description {
@@ -2494,7 +2476,7 @@ table th,
 }
 
 .main-navigation #toggle:focus + #toggle-menu {
-	background-color: #e1122a;
+	background-color: #f25f70;
 	outline: inherit;
 	text-decoration: underline;
 }
@@ -2630,7 +2612,7 @@ table th,
 }
 
 .main-navigation a:hover {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 .main-navigation .sub-menu {
@@ -2686,7 +2668,7 @@ table th,
 }
 
 .social-navigation a:hover {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 .social-navigation svg {
@@ -2832,7 +2814,7 @@ table th,
 .entry-meta a:hover, .entry-meta a:active,
 .entry-footer a:hover,
 .entry-footer a:active {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 .entry-meta .svg-icon,
@@ -3076,7 +3058,7 @@ table th,
 }
 
 .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3501,6 +3483,8 @@ table th,
  * 7.3. Hero Block and Cover Block
  * 7.4. File Block
  * 7.5. Latest Comments Block
+ * 7.6. Button Block
+ * 7.7. Posts List Block
  * 8. Widgets
  */
 /**
@@ -3590,11 +3574,6 @@ a {
 /**
  * 4. Navigation Menu
  */
-#site-navigation {
-	background-color: #f25f70;
-	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
-}
-
 #site-navigation.main-navigation ul li {
 	padding-right: 16px;
 }
@@ -3614,6 +3593,7 @@ a {
 
 @media only screen and (min-width: 560px) {
 	#site-navigation.main-navigation ul li {
+		padding-right: 0;
 		list-style-type: disc;
 	}
 	#site-navigation.main-navigation ul li.current-menu-item a {
@@ -3653,27 +3633,22 @@ a {
 		content: "";
 	}
 	#site-navigation.main-navigation ul ul li a:hover {
-		color: #e1122a;
+		color: #f25f70;
 	}
 	#site-navigation.main-navigation ul ul li:hover {
 		background: #f2f2f2;
 	}
 }
 
-#site-navigation.main-navigation #toggle-menu {
-	display: block;
-	text-align: center;
-	text-decoration: none;
-}
-
-#site-navigation.main-navigation #toggle-menu:hover, #site-navigation.main-navigation #toggle-menu:focus, #site-navigation.main-navigation #toggle-menu:visited {
-	text-decoration: none;
+#site-navigation.main-navigation .menu-main-menu-container {
+	background-color: #f25f70;
+	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
 }
 
-@media only screen and (min-width: 560px) {
-	#site-navigation.main-navigation #toggle-menu {
-		display: none;
-	}
+#site-navigation.main-navigation #toggle-menu {
+	border-radius: 0;
+	width: 100% !important;
+	text-align: center;
 }
 
 /**
@@ -3709,24 +3684,6 @@ a {
 	margin-bottom: .857em;
 }
 
-.wp-block-coblocks-column h1::before,
-.wp-block-coblocks-column h2::before,
-.wp-block-coblocks-column h3::before,
-.wp-block-coblocks-column h4::before,
-.wp-block-coblocks-column h5::before,
-.wp-block-coblocks-column h6::before {
-	content: " - ";
-}
-
-.wp-block-coblocks-column h1::after,
-.wp-block-coblocks-column h2::after,
-.wp-block-coblocks-column h3::after,
-.wp-block-coblocks-column h4::after,
-.wp-block-coblocks-column h5::after,
-.wp-block-coblocks-column h6::after {
-	content: " - ";
-}
-
 .wp-block-coblocks-column a {
 	color: #f25f70;
 }
@@ -3791,12 +3748,13 @@ a {
  * 7.4. File Block
  */
 .wp-block-file a.wp-block-file__button {
+	text-transform: uppercase;
 	line-height: 1;
 	color: #f0f0f0;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.2rem;
+	font-size: 0.69444rem;
 	background-color: #f25f70;
 	border-radius: 9px;
 	border-width: 2px;
@@ -3821,6 +3779,20 @@ a {
 	font-size: 0.69444rem;
 }
 
+/**
+ * 7.6. Button Block
+ */
+.wp-block-button a.wp-block-button__link {
+	text-transform: uppercase;
+}
+
+/**
+ * 7.7. Posts List Block
+ */
+.a8c-posts-list a.a8c-posts-list__view-all {
+	text-transform: uppercase;
+}
+
 /**
  * 8. Widgets
  */
@@ -3840,14 +3812,6 @@ a {
 	margin-bottom: .857em;
 }
 
-.site-footer .widget-area .widget-title::before {
-	content: " - ";
-}
-
-.site-footer .widget-area .widget-title::after {
-	content: " - ";
-}
-
 .home.page .site-main {
 	padding: 0;
 }

+ 62 - 100
stow/style.css

@@ -199,6 +199,8 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * 7.3. Hero Block and Cover Block
  * 7.4. File Block
  * 7.5. Latest Comments Block
+ * 7.6. Button Block
+ * 7.7. Posts List Block
  * 8. Widgets
  */
 /**
@@ -288,11 +290,6 @@ a {
 /**
  * 4. Navigation Menu
  */
-#site-navigation {
-	background-color: #f25f70;
-	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
-}
-
 #site-navigation.main-navigation ul li {
 	padding-left: 16px;
 }
@@ -352,27 +349,22 @@ a {
 		content: "";
 	}
 	#site-navigation.main-navigation ul ul li a:hover {
-		color: #e1122a;
+		color: #f25f70;
 	}
 	#site-navigation.main-navigation ul ul li:hover {
 		background: #f2f2f2;
 	}
 }
 
-#site-navigation.main-navigation #toggle-menu {
-	display: block;
-	text-align: center;
-	text-decoration: none;
-}
-
-#site-navigation.main-navigation #toggle-menu:hover, #site-navigation.main-navigation #toggle-menu:focus, #site-navigation.main-navigation #toggle-menu:visited {
-	text-decoration: none;
+#site-navigation.main-navigation .menu-main-menu-container {
+	background-color: #f25f70;
+	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
 }
 
-@media only screen and (min-width: 560px) {
-	#site-navigation.main-navigation #toggle-menu {
-		display: none;
-	}
+#site-navigation.main-navigation #toggle-menu {
+	border-radius: 0;
+	width: 100% !important;
+	text-align: center;
 }
 
 /**
@@ -408,24 +400,6 @@ a {
 	margin-bottom: .857em;
 }
 
-.wp-block-coblocks-column h1::before,
-.wp-block-coblocks-column h2::before,
-.wp-block-coblocks-column h3::before,
-.wp-block-coblocks-column h4::before,
-.wp-block-coblocks-column h5::before,
-.wp-block-coblocks-column h6::before {
-	content: " - ";
-}
-
-.wp-block-coblocks-column h1::after,
-.wp-block-coblocks-column h2::after,
-.wp-block-coblocks-column h3::after,
-.wp-block-coblocks-column h4::after,
-.wp-block-coblocks-column h5::after,
-.wp-block-coblocks-column h6::after {
-	content: " - ";
-}
-
 .wp-block-coblocks-column a {
 	color: #f25f70;
 }
@@ -490,12 +464,13 @@ a {
  * 7.4. File Block
  */
 .wp-block-file a.wp-block-file__button {
+	text-transform: uppercase;
 	line-height: 1;
 	color: #f0f0f0;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.2rem;
+	font-size: 0.69444rem;
 	background-color: #f25f70;
 	border-radius: 9px;
 	border-width: 2px;
@@ -520,6 +495,20 @@ a {
 	font-size: 0.69444rem;
 }
 
+/**
+ * 7.6. Button Block
+ */
+.wp-block-button a.wp-block-button__link {
+	text-transform: uppercase;
+}
+
+/**
+ * 7.7. Posts List Block
+ */
+.a8c-posts-list a.a8c-posts-list__view-all {
+	text-transform: uppercase;
+}
+
 /**
  * 8. Widgets
  */
@@ -539,14 +528,6 @@ a {
 	margin-bottom: .857em;
 }
 
-.site-footer .widget-area .widget-title::before {
-	content: " - ";
-}
-
-.site-footer .widget-area .widget-title::after {
-	content: " - ";
-}
-
 .home.page .site-main {
 	padding: 0;
 }
@@ -990,7 +971,7 @@ a {
 }
 
 a:hover {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 button,
@@ -1367,7 +1348,7 @@ input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
 	color: #444444;
-	border-color: #e1122a;
+	border-color: #f25f70;
 }
 
 select {
@@ -1453,7 +1434,7 @@ input[type="submit"],
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.2rem;
+	font-size: 0.69444rem;
 	background-color: #f25f70;
 	border-radius: 9px;
 	border-width: 0;
@@ -2048,7 +2029,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__edit-link {
@@ -2473,7 +2454,7 @@ table th,
 }
 
 .site-title a:hover {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 .site-description {
@@ -2500,7 +2481,7 @@ table th,
 }
 
 .main-navigation #toggle:focus + #toggle-menu {
-	background-color: #e1122a;
+	background-color: #f25f70;
 	outline: inherit;
 	text-decoration: underline;
 }
@@ -2636,7 +2617,7 @@ table th,
 }
 
 .main-navigation a:hover {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 .main-navigation .sub-menu {
@@ -2692,7 +2673,7 @@ table th,
 }
 
 .social-navigation a:hover {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 .social-navigation svg {
@@ -2838,7 +2819,7 @@ table th,
 .entry-meta a:hover, .entry-meta a:active,
 .entry-footer a:hover,
 .entry-footer a:active {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 .entry-meta .svg-icon,
@@ -3082,7 +3063,7 @@ table th,
 }
 
 .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
-	color: #e1122a;
+	color: #f25f70;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3507,6 +3488,8 @@ table th,
  * 7.3. Hero Block and Cover Block
  * 7.4. File Block
  * 7.5. Latest Comments Block
+ * 7.6. Button Block
+ * 7.7. Posts List Block
  * 8. Widgets
  */
 /**
@@ -3596,11 +3579,6 @@ a {
 /**
  * 4. Navigation Menu
  */
-#site-navigation {
-	background-color: #f25f70;
-	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
-}
-
 #site-navigation.main-navigation ul li {
 	padding-left: 16px;
 }
@@ -3660,27 +3638,22 @@ a {
 		content: "";
 	}
 	#site-navigation.main-navigation ul ul li a:hover {
-		color: #e1122a;
+		color: #f25f70;
 	}
 	#site-navigation.main-navigation ul ul li:hover {
 		background: #f2f2f2;
 	}
 }
 
-#site-navigation.main-navigation #toggle-menu {
-	display: block;
-	text-align: center;
-	text-decoration: none;
-}
-
-#site-navigation.main-navigation #toggle-menu:hover, #site-navigation.main-navigation #toggle-menu:focus, #site-navigation.main-navigation #toggle-menu:visited {
-	text-decoration: none;
+#site-navigation.main-navigation .menu-main-menu-container {
+	background-color: #f25f70;
+	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
 }
 
-@media only screen and (min-width: 560px) {
-	#site-navigation.main-navigation #toggle-menu {
-		display: none;
-	}
+#site-navigation.main-navigation #toggle-menu {
+	border-radius: 0;
+	width: 100% !important;
+	text-align: center;
 }
 
 /**
@@ -3716,24 +3689,6 @@ a {
 	margin-bottom: .857em;
 }
 
-.wp-block-coblocks-column h1::before,
-.wp-block-coblocks-column h2::before,
-.wp-block-coblocks-column h3::before,
-.wp-block-coblocks-column h4::before,
-.wp-block-coblocks-column h5::before,
-.wp-block-coblocks-column h6::before {
-	content: " - ";
-}
-
-.wp-block-coblocks-column h1::after,
-.wp-block-coblocks-column h2::after,
-.wp-block-coblocks-column h3::after,
-.wp-block-coblocks-column h4::after,
-.wp-block-coblocks-column h5::after,
-.wp-block-coblocks-column h6::after {
-	content: " - ";
-}
-
 .wp-block-coblocks-column a {
 	color: #f25f70;
 }
@@ -3798,12 +3753,13 @@ a {
  * 7.4. File Block
  */
 .wp-block-file a.wp-block-file__button {
+	text-transform: uppercase;
 	line-height: 1;
 	color: #f0f0f0;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.2rem;
+	font-size: 0.69444rem;
 	background-color: #f25f70;
 	border-radius: 9px;
 	border-width: 2px;
@@ -3828,6 +3784,20 @@ a {
 	font-size: 0.69444rem;
 }
 
+/**
+ * 7.6. Button Block
+ */
+.wp-block-button a.wp-block-button__link {
+	text-transform: uppercase;
+}
+
+/**
+ * 7.7. Posts List Block
+ */
+.a8c-posts-list a.a8c-posts-list__view-all {
+	text-transform: uppercase;
+}
+
 /**
  * 8. Widgets
  */
@@ -3847,14 +3817,6 @@ a {
 	margin-bottom: .857em;
 }
 
-.site-footer .widget-area .widget-title::before {
-	content: " - ";
-}
-
-.site-footer .widget-area .widget-title::after {
-	content: " - ";
-}
-
 .home.page .site-main {
 	padding: 0;
 }