Alves: Add misc color and spacing fixes

alves/sass/_extra-child-theme.scss

@@ -23,6 +23,7 @@
 
 $color_background: #{map-deep-get($config-global, "color", "background", "default")};
 $color_background_light: #{map-deep-get($config-global, "color", "background", "light")};
+$color_background_dark: #{map-deep-get($config-global, "color", "background", "dark")};
 $color_foreground: #{map-deep-get($config-global, "color", "foreground", "default")};
 $color_primary: #{map-deep-get($config-global, "color", "primary", "default")};
 $color_secondary: #{map-deep-get($config-global, "color", "secondary", "default")};
@@ -48,7 +49,7 @@ $button_spacing_vertical: #{map-deep-get($config-button, "padding", "vertical")}
 $button_spacing_horizontal: #{map-deep-get($config-button, "padding", "horizontal")};
 $button_background_hover: #{map-deep-get($config-button, "color", "background-hover")};
 $font_size_widget_title: #{map-deep-get($config-heading, "font", "size", "h4")};
-$footer_widget_area_spacing_horizontal: 2 * map-deep-get($config-global, "spacing", "horizontal");
+$footer_spacing_horizontal: 2 * map-deep-get($config-global, "spacing", "horizontal");
 $site_main_spacing_vertical: 2 * map-deep-get($config-global, "spacing", "vertical");
 
 /**
@@ -304,6 +305,10 @@ blockquote p {
 	margin-right: 0;
 }
 
+.footer-navigation .footer-menu > li:first-of-type {
+	margin-left: 0;
+}
+
 // Social Menu
 .social-navigation {
 	& > div > ul {
@@ -326,14 +331,10 @@ blockquote p {
 	}
 }
 
-#post-5 .entry-title {
-	display: none;
-}
-
 .site-content {
 	.site-main {
 		padding-top: 0;
-		padding-bottom: $site_main_spacing_vertical;
+		padding-bottom: 0;
 	}
 
 	@include media(mobile-only) {
@@ -353,94 +354,24 @@ blockquote p {
 	justify-content: center;
 }
 
-/**
- * 5. General Block Styles
- */
- .has-secondary-hover-color[class] {
-	color: $color_secondary_hover !important;
-}
-
-.has-primary-hover-color[class] {
-	color: $color_primary_hover !important;
-}
-
-.has-foreground-default-color[class] {
-	color: $color_foreground !important;
-}
-
-.has-text-color {
-	&.has-secondary-hover-color[class] {
-		color: $color_secondary_hover !important;
-
-		&:hover {
-			color: $color_secondary_hover !important;
-		}
-	}
-
-	&.has-primary-hover-color[class] {
-		color: $color_primary_hover !important;
-
-		&:hover {
-			color: $color_primary_hover !important;
-		}
-	}
-
-	&.has-foreground-default-color[class] {
-		color: $color_foreground !important;
-
-		&:hover {
-			color: $color_foreground !important;
-		}
-	}
-}
-
-.has-background {
-	&.has-secondary-hover-background-color[class] {
-		background: $color_secondary_hover !important;
-
-		&:hover {
-			background: $color_secondary_hover !important;
-		}
-	}
-
-	&.has-primary-hover-background-color[class] {
-		background: $color_primary_hover !important;
-
-		&:hover {
-			background: $color_primary_hover !important;
-		}
-	}
-
-	&.has-foreground-default-background-color[class] {
-		background: $color_foreground !important;
-
-		&:hover {
-			background: $color_foreground !important;
-		}
-	}
-}
-
 /**
  * Footer & Footer Widgets
  */
 .site-footer {
 	@extend %responsive-alignfull;
-	background: $color_primary;
 	margin: 0 auto;
 	display: block;
-	color: $color_background;
+	padding-left: $spacing_horizontal;
+	padding-right: $spacing_horizontal;
 
 	button,
 	.button,
 	input[type="button"],
 	input[type="reset"],
 	input[type="submit"], {
-		background:: #{map-deep-get($config-global, "color", "secondary", "default")};
-		color: #{map-deep-get($config-global, "color", "primary", "default")};
-
 		&:hover {
 		}
-}
+	}
 
 	#footer-widgets {
 		border-bottom: 1px solid #{map-deep-get($config-global, "color", "border", "light")};
@@ -460,7 +391,7 @@ blockquote p {
 
 			@include media(laptop) {
 
-				padding-right: $footer_widget_area_spacing_horizontal;
+				padding-right: $footer_spacing_horizontal;
 
 				&:last-of-type {
 					padding-right: 0;
@@ -478,20 +409,19 @@ blockquote p {
 
 
 		a {
-			font-family: $font_family_primary;
-			color: $color_background;
+			color: $color_foreground;
+			font-family: $font_family_secondary;
 			padding: 0;
 			text-decoration: none;
 
 			&:hover,
 			&:focus {
-				text-decoration: underline;
+				color: $color_primary;
 			}
 		}
 
 		.footer-navigation {
 			order: 1;
-			font-style: italic;
 			flex-wrap: nowrap;
 			flex: 1;
 			text-align: left;
@@ -501,7 +431,6 @@ blockquote p {
 				display: block;
 				justify-content: left;
 				margin: 0;
-				color: $color_secondary;
 
 				li:after {
 					content: ' · ';
@@ -532,7 +461,6 @@ blockquote p {
  */
 .widget {
 	.widget-title {
-		color: $color_background;
 		margin-bottom: $spacing_vertical;
 	}
 
@@ -552,7 +480,6 @@ blockquote p {
 
 		li {
 			a {
-				color: $color_background;
 				padding: ($baseline-unit * .75) 0;
 
 				&:hover {
@@ -566,3 +493,8 @@ blockquote p {
 		}
 	}
 }
+
+.wp-block-cover .wp-block-cover__inner-container .wp-block-latest-posts .wp-block-latest-posts__post-date,
+.wp-block-cover .wp-block-cover__inner-container .wp-block-quote cite {
+	color: $color_background_dark;
+}

alves/style-rtl.css

@@ -3558,7 +3558,6 @@ blockquote p {
 	.site-header .main-navigation > div > ul > li.current-menu-item > ul {
 		box-shadow: none;
 		overflow: hidden;
-		padding-top: 8px;
 	}
 	.site-header .main-navigation > div > ul > li:hover > ul:before,
 	.site-header .main-navigation > div > ul > li.focus > ul:before,
@@ -3588,6 +3587,10 @@ blockquote p {
 	margin-left: 0;
 }
 
+.footer-navigation .footer-menu > li:first-of-type {
+	margin-right: 0;
+}
+
 .social-navigation > div > ul {
 	flex-wrap: wrap;
 }
@@ -3605,13 +3608,9 @@ blockquote p {
 	}
 }
 
-#post-5 .entry-title {
-	display: none;
-}
-
 .site-content .site-main {
 	padding-top: 0;
-	padding-bottom: 64px;
+	padding-bottom: 0;
 }
 
 @media only screen and (max-width: 559px) {
@@ -3632,86 +3631,14 @@ blockquote p {
 	justify-content: center;
 }
 
-/**
- * 5. General Block Styles
- */
-.has-secondary-hover-color[class] {
-	color: #755029 !important;
-}
-
-.has-primary-hover-color[class] {
-	color: #2f5f74 !important;
-}
-
-.has-foreground-default-color[class] {
-	color: #394d55 !important;
-}
-
-.has-text-color.has-secondary-hover-color[class] {
-	color: #755029 !important;
-}
-
-.has-text-color.has-secondary-hover-color[class]:hover {
-	color: #755029 !important;
-}
-
-.has-text-color.has-primary-hover-color[class] {
-	color: #2f5f74 !important;
-}
-
-.has-text-color.has-primary-hover-color[class]:hover {
-	color: #2f5f74 !important;
-}
-
-.has-text-color.has-foreground-default-color[class] {
-	color: #394d55 !important;
-}
-
-.has-text-color.has-foreground-default-color[class]:hover {
-	color: #394d55 !important;
-}
-
-.has-background.has-secondary-hover-background-color[class] {
-	background: #755029 !important;
-}
-
-.has-background.has-secondary-hover-background-color[class]:hover {
-	background: #755029 !important;
-}
-
-.has-background.has-primary-hover-background-color[class] {
-	background: #2f5f74 !important;
-}
-
-.has-background.has-primary-hover-background-color[class]:hover {
-	background: #2f5f74 !important;
-}
-
-.has-background.has-foreground-default-background-color[class] {
-	background: #394d55 !important;
-}
-
-.has-background.has-foreground-default-background-color[class]:hover {
-	background: #394d55 !important;
-}
-
 /**
  * Footer & Footer Widgets
  */
 .site-footer {
-	background: #3E7D98;
 	margin: 0 auto;
 	display: block;
-	color: #ffffff;
-}
-
-.site-footer button,
-.site-footer .button,
-.site-footer input[type="button"],
-.site-footer input[type="reset"],
-.site-footer input[type="submit"] {
-	background: #9B6A36;
-	color: #3E7D98;
+	padding-right: spacing_horizontal;
+	padding-left: spacing_horizontal;
 }
 
 .site-footer #footer-widgets {
@@ -3750,19 +3677,18 @@ blockquote p {
 }
 
 .site-footer #footer-info-wrapper a {
-	font-family: "Lora", Georgia, sans-serif;
-	color: #ffffff;
+	color: #394d55;
+	font-family: "Karla", Arial, sans-serif;
 	padding: 0;
 	text-decoration: none;
 }
 
 .site-footer #footer-info-wrapper a:hover, .site-footer #footer-info-wrapper a:focus {
-	text-decoration: underline;
+	color: #3E7D98;
 }
 
 .site-footer #footer-info-wrapper .footer-navigation {
 	order: 1;
-	font-style: italic;
 	flex-wrap: nowrap;
 	flex: 1;
 	text-align: right;
@@ -3773,7 +3699,6 @@ blockquote p {
 	display: block;
 	justify-content: left;
 	margin: 0;
-	color: #9B6A36;
 }
 
 .site-footer #footer-info-wrapper .footer-navigation .footer-menu li:after {
@@ -3800,7 +3725,6 @@ blockquote p {
  * Widgets
  */
 .widget .widget-title {
-	color: #ffffff;
 	margin-bottom: 32px;
 }
 
@@ -3820,7 +3744,6 @@ blockquote p {
 }
 
 .widget ul li a {
-	color: #ffffff;
 	padding: 6px 0;
 }
 
@@ -3831,3 +3754,8 @@ blockquote p {
 .widget ul li.recentcomments a {
 	padding: 6px 0 !important;
 }
+
+.wp-block-cover .wp-block-cover__inner-container .wp-block-latest-posts .wp-block-latest-posts__post-date,
+.wp-block-cover .wp-block-cover__inner-container .wp-block-quote cite {
+	color: #d9d9d9;
+}

alves/style.css

@@ -3603,6 +3603,10 @@ blockquote p {
 	margin-right: 0;
 }
 
+.footer-navigation .footer-menu > li:first-of-type {
+	margin-left: 0;
+}
+
 .social-navigation > div > ul {
 	flex-wrap: wrap;
 }
@@ -3620,13 +3624,9 @@ blockquote p {
 	}
 }
 
-#post-5 .entry-title {
-	display: none;
-}
-
 .site-content .site-main {
 	padding-top: 0;
-	padding-bottom: 64px;
+	padding-bottom: 0;
 }
 
 @media only screen and (max-width: 559px) {
@@ -3647,86 +3647,14 @@ blockquote p {
 	justify-content: center;
 }
 
-/**
- * 5. General Block Styles
- */
-.has-secondary-hover-color[class] {
-	color: #755029 !important;
-}
-
-.has-primary-hover-color[class] {
-	color: #2f5f74 !important;
-}
-
-.has-foreground-default-color[class] {
-	color: #394d55 !important;
-}
-
-.has-text-color.has-secondary-hover-color[class] {
-	color: #755029 !important;
-}
-
-.has-text-color.has-secondary-hover-color[class]:hover {
-	color: #755029 !important;
-}
-
-.has-text-color.has-primary-hover-color[class] {
-	color: #2f5f74 !important;
-}
-
-.has-text-color.has-primary-hover-color[class]:hover {
-	color: #2f5f74 !important;
-}
-
-.has-text-color.has-foreground-default-color[class] {
-	color: #394d55 !important;
-}
-
-.has-text-color.has-foreground-default-color[class]:hover {
-	color: #394d55 !important;
-}
-
-.has-background.has-secondary-hover-background-color[class] {
-	background: #755029 !important;
-}
-
-.has-background.has-secondary-hover-background-color[class]:hover {
-	background: #755029 !important;
-}
-
-.has-background.has-primary-hover-background-color[class] {
-	background: #2f5f74 !important;
-}
-
-.has-background.has-primary-hover-background-color[class]:hover {
-	background: #2f5f74 !important;
-}
-
-.has-background.has-foreground-default-background-color[class] {
-	background: #394d55 !important;
-}
-
-.has-background.has-foreground-default-background-color[class]:hover {
-	background: #394d55 !important;
-}
-
 /**
  * Footer & Footer Widgets
  */
 .site-footer {
-	background: #3E7D98;
 	margin: 0 auto;
 	display: block;
-	color: #ffffff;
-}
-
-.site-footer button,
-.site-footer .button,
-.site-footer input[type="button"],
-.site-footer input[type="reset"],
-.site-footer input[type="submit"] {
-	background: #9B6A36;
-	color: #3E7D98;
+	padding-left: 16px;
+	padding-right: 16px;
 }
 
 .site-footer #footer-widgets {
@@ -3765,19 +3693,18 @@ blockquote p {
 }
 
 .site-footer #footer-info-wrapper a {
-	font-family: "Lora", Georgia, sans-serif;
-	color: #ffffff;
+	color: #394d55;
+	font-family: "Karla", Arial, sans-serif;
 	padding: 0;
 	text-decoration: none;
 }
 
 .site-footer #footer-info-wrapper a:hover, .site-footer #footer-info-wrapper a:focus {
-	text-decoration: underline;
+	color: #3E7D98;
 }
 
 .site-footer #footer-info-wrapper .footer-navigation {
 	order: 1;
-	font-style: italic;
 	flex-wrap: nowrap;
 	flex: 1;
 	text-align: left;
@@ -3788,7 +3715,6 @@ blockquote p {
 	display: block;
 	justify-content: left;
 	margin: 0;
-	color: #9B6A36;
 }
 
 .site-footer #footer-info-wrapper .footer-navigation .footer-menu li:after {
@@ -3815,7 +3741,6 @@ blockquote p {
  * Widgets
  */
 .widget .widget-title {
-	color: #ffffff;
 	margin-bottom: 32px;
 }
 
@@ -3835,7 +3760,6 @@ blockquote p {
 }
 
 .widget ul li a {
-	color: #ffffff;
 	padding: 6px 0;
 }
 
@@ -3846,3 +3770,8 @@ blockquote p {
 .widget ul li.recentcomments a {
 	padding: 6px 0 !important;
 }
+
+.wp-block-cover .wp-block-cover__inner-container .wp-block-latest-posts .wp-block-latest-posts__post-date,
+.wp-block-cover .wp-block-cover__inner-container .wp-block-quote cite {
+	color: #d9d9d9;
+}